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Introduction 


A True Introduction 

T he world of digital imaging can be a daunting place for 
the beginner— especially when you go online and take a 
look at what people can accomplish with tools that at first 
glance seem so. ..well, worthless. We can’t teach you creativity, 
but if you’ve got some, and you’re looking to get started with 
digital imaging, welcome. 

It’ll be obvious from the following pages that this Fast Track is 
for beginners. Summer vacations will soon be upon us (well, 
you— we work all year round), and we’ve got to get something to 
occupy those idle hands, don’t we? 

So here we are, starting with the very basics. In the first 
chapter, we’ll go through many of the terms you’re going to 
encounter in this area, and how to apply basic edits to your 
photos (or artwork, as the case may be). 

Once you’ve cut your teeth on that, we’ll take a trip through 
more advanced image editing techniques— right from working 
with Camera Raw images, to changing colour tones to turning a 
perfectly innnocuous image into a psychedelic monstrosity. 
Then come the layers.... 

Image compositing is a highly underestimated art. It seems 
like the simple act of slapping one image on to the other, but it’s 
so much more. All those hoaxes you’ve seen on the Internet— the 
ghost in the digital photo, the ultra-creepy mermaid skeleton, 
the. ..ahem. ..fake nudes— all made through the magic of 
compositing. We’re not going to teach you how to create your 
own fake pornography, but by the end of this chapter, you might 
be skilled enough to do so anyway. 

Another facet of the imaging realm is the vector illustration. 
It can be difficult to fathom, but if you’re ever planning to work 
with the print media or even Flash-based projects, 
understanding vector graphics is a crucial skill to have. 

And finally, when you grow beyond the scope of this Fast 
Track (as you inevitably must), you can take to the Web to refine 
your skills, and show your work to the world! 
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Basic Image 



W elcome to the world of image editing. Consider you 
have captured some images with your digicam and 
their contrast isn’t too appealing. This chapter gives 
you the basics of image-editing, so that you can sharpen those pho- 
tography skills to take better, more vivid pictures. 
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1.1 Image formats 


Let’s start with the very basics— image formats. There are several 
image formats available for storing all those great photos you take. 
This section examines them in brief. 

1.1.1. BMP 

BMP or bitmap is a raster format, which is used practically for all 
possible raster data storage. It is device independent, that is, it 
determines the pixel’s colour without reference to the display 
device and enables you to record images with varying quality lev- 
els (to the point of 32 bits). 

The main advantage of this format is its usability and wide 
software support. The compression algorithm used in BMP, can be 
one of the RLE run-length encoding variants. However, most files 
do not use compression. 

1.1.2. JPEG 

This format was designed to transfer graphic data and images over 
digital networks and was generally used to hold and transfer full 
colour photorealistic images. Before JPEG, there were very few for- 
mats, which supported 24-bit halftone images. TIFF and BMP for- 
mats allowed holding 24-bit data, but they failed to perform loss- 
less compression of the data, which contained 1000 colours from 
the real world, on the high quality level. 

JPEG compresses photos, though with quality loss. Photos 
and multi-colour images, transferred in this format, are ideal 
for networking. It is not possible to refine JPEG images, though 
it is possible to debase them by decreasing the file size. This 
format is primarily used to hold photorealistic graphic images 
with a large number of colours. Compressed data capacity 
depends on image contents. 

JPEG supports Progressive JPEG standard, which conceptually 
looks like interlaced in the GIF format. This means that the JPEG 
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Progressive format images are loaded by parts, which are dis- 
played, as they are loaded. Such a format is good for large files. 

1.1.3. GIF 

The GIF file format is used to hold and transfer images in the 
index colour mode. This format also supports a lossless LZW com- 
pression algorithm (a single file may contain a set of images) and 
interlaced mode. It supports an additional channel to perform a 
transparency effect, and to hold a set of images that form the 
frames of an animation. 

Files in this format have a set of compression algorithm fea- 
tures that allow compressing images with sequential horizontal 
colours. This means that a file which contains horizontal bars, 
will take lesser space than the same file with vertical bars. 

GIF, unlike JPEG, uses a lossless compression algorithm. It also 
uses a patented compression /decompression algorithm, which is 
called LZW (Lempel Zev Welch). The interlaced mode enables it to 
refine images, while they are loaded. It is very convenient for large 
files, as you can see the main image features in several seconds 
after loading. 

1.1.4. PCX 

PCX format is one of the most usable graphic formats. Originally, 
it was designed by Zsoft for PC Paintbrush MS-DOS. Hence, it is 
also known as PC Paintbrush format. Zsoft signed a deal with 
Microsoft, and as a result, the latter was entitled to use PCX for- 
mat with other products, including Microsoft Paintbrush for 
Windows (Microsoft Paintbrush program is delivered with each 
copy of MS Windows). PCX files are used for graphic data storage 
and exchange in desktop publishing systems. Image data is encod- 
ed with the help of one of the RLE algorithm variants. 

1.1.5. TIFF 

This format was generally used to hold scanned white and black 
images. It got prevalence for its support of incompact colour RGB 
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images. Later revisions made possible to hold palette colour 
images and support LZW compression algorithm. Still later ver- 
sions of the TIFF format supported CMYK and YCbCr colour images 
and JPEG compression algorithm. 

Currently, the TIFF format is a rich and flexible file format, 
supported by many programs. It is capable of recording halftone 
images with different pixel intensity, and is considered to be a per- 
fect format for graphic data storage and processing. TIFF is one of 
the most useful and integrated raster formats. It is easily support- 
ed among various platforms and used for different purposes 
(besides the Internet). 

1.1.6. PNG 

The PNG file format is a comparatively new progressive format 
originally designed to replace the out dated GIF. The PNG format 
has got a new set of features that GIF lacks. 

PNG also performs lossless compression with the help of a 
Deflate algorithm and supports the interlaced mode. The fact, 
that the format performs a lossless compression, makes it possible 
to hold photorealistic images. Images don’t lose their quality 
while compressing and decompressing. The PNG format is special- 
ly used for networking. 


1.1.7. WMF 

You can use WMF files to hold vector and halftone images in the 
working memory or in disks with post output display. Windows 
Metafile format is a specific Windows format. It is supported by a 
lot of “non-Windows” applications for data exchange with 
Windows applications. Out of Microsoft Windows interface preva- 
lence, WMF format is considered to be a general format for graph- 
ic applications and is supported across all platforms. 
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1.2. Transferring images to the PC 

Now that we know something about image formats, let’s look at 
the devices which are used to capture/store these images. 

1.2.1. Digital Cameras 

A digital camera is a camera that captures still photographs digi- 
tally by recording images on a light-sensitive sensor. 

Digital cameras include features that are not found in film 
cameras, such as displaying an image on the camera’s screen 
immediately after it is recorded, the capacity to take thousands of 
images on a single small memory device, the ability to record 
video with sound, the ability to edit images, and deletion of 
images allowing re-use of the storage device. Digital cameras are 
incorporated into many devices ranging from PDAs and mobile 
phones (called camera phones) to vehicles. 

The term digital still camera (DSC) usually refers to a live-pre- 
view digital camera, with an electronic display, usually a rear- 
mounted LCD as the principal means of framing and previewing, 
before taking the photograph and for viewing stored photographs. 
All use either charge-coupled device (CCD) or a CMOS image sensor 
to sense the light intensities across the focal plane. 

Images may be transferred to a computer, printer or other 
device in a number of ways— the USB mass storage device class 
makes the camera appear to the computer as if it were a disk drive, 
the Picture Transfer Protocol (PTP) and its derivatives may be used, 
FireWire is sometimes supported, and the storage device may sim- 
ply be removed from the camera and inserted into another device. 

The resolution of a digital camera is often limited by the cam- 
era sensor (typically a CCD or CMOS sensor chip) that turns light 
into discrete signals, replacing the film in traditional photogra- 
phy. The sensor is made up of millions of “buckets” that essential- 
ly count the number of photons that strike the sensor. This means 
that the brighter the image at that point, the larger the value that 
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is read for that pixel. Depending on the physical structure of the 
sensor a colour filter array may be used, which requires a de- 
mosaicing/interpolation algorithm. The number of resulting pix- 
els in the image determines its “pixel count”. For example, a 
640x480 image would have 307,200 pixels or approximately 307 
lcilopixels while a 3872 x 2592 image would have 10,036,224 pixels, 
or approximately 10 megapixels. 

The pixel count alone is commonly presumed to indicate the 
resolution of a camera, but this is a misconception. There are sev- 
eral other factors that impact a sensor’s resolution. Some of these 
factors include sensor size, lens quality, and the organisation of 
the pixels. 

Many digital cameras have preset modes for different applica- 
tions. Within the constraints of correct exposure, various parame- 
ters can be changed, including exposure, aperture, focussing, light 
metering, white balance, and equivalent sensitivity. For example a 
portrait might use a wider aperture to render the background out 
of focus and would seek out and focus on a human face rather 
than other image contents. 

Common formats for digital camera images are the Joint 
Photography Experts Group standard (JPEG) and Tagged Image File 
Format (TIFF). 

1.2.2. Scanners 

In computing, a scanner is a device that analyzes images, printed 
text, or handwriting, or an object (such as an ornament) and con- 
verts it to a digital image. Most scanners today are variations of the 
desktop (or flatbed) scanner. The flatbed scanner is the most com- 
mon in offices. Hand-held scanners, where the device is moved by 
hand, were briefly popular but are now not used due to the diffi- 
culty of obtaining a high-quality image. Both these types of scan- 
ners use charge-coupled device (CCD) or Contact Image Sensor 
(CIS) as the image sensor, whereas older drum scanners use a pho- 
tomultiplier tube as the image sensor. 
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Another category is 
the rotary scanner, used 
for high-speed docu- 
ment scanning. This is 
another kind of drum 
scanner, but it uses a 
CCD array instead of a 
photomultiplier. Other 
types of scanners are 
planetary scanners, which take photographs of books and docu- 
ments, and digital camera scanners, which are based on the con- 
cept of reprographic cameras. Due to increasing resolution and 
new features such as anti-shake, digital cameras have become an 
attractive alternative to regular scanners. While still containing 
disadvantages compared to traditional scanners, digital cameras 
offer unmatched advantages in speed and portability. 

There are different types of scanners, depending on the user’s 
purposes. Described below are the most commonly used types that 
can be found in the market: 

Drum scanners capture image information with photomulti- 
plier tubes (PMT), rather than the charge-coupled-device (CCD) 
arrays found in flatbed scanners and inexpensive film scanners. 
Reflective and transmissive originals are mounted on an acrylic 
cylinder, the scanner drum, which rotates at high speed while it 
passes the object being scanned in front of precision optics that 
deliver image information to the PMTs. Most modern colour 
drum scanners use 3 matched PMTs, which read red, blue, and 
green light respectively. Light from the original artwork is split 
into separate red, blue, and green beams in the optical bench of 
the scanner. 

The drum scanner gets its name from the large glass drum on 
which the original artwork is mounted for scanning— they usually 
take llxl7-inch documents, but the maximum size varies with the 
manufacturer. One of the unique features of drum scanners is the 
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ability to independently control the sample area and aperture 
size. The sample size is the area that the scanner encoder reads to 
create an individual pixel. The aperture is the actual opening that 
allows light into the optical bench of the scanner. The ability to 
control the aperture and sample size separately is particularly use- 
ful for smoothing the film grain when scanning black-and-white 
and colour negative originals. 

While drum scanners are capable of scanning both reflective 
and transmissive artwork, a good-quality flatbed scanner can pro- 
duce excellent scans from reflective artwork. As a result, drum scan- 
ners are rarely used to scan prints, now that high quality inexpen- 
sive flatbed scanners are readily available. Film, however, is where 
drum scanners continue to be the tool of choice for high-end appli- 
cations. Because film can be wet-mounted to the scanner drum and 
because of the exceptional sensitivity of the PMTs, drum scanners 
are capable of capturing very subtle details in film originals. 

Currently drum scanners are obsolete and only a few compa- 
nies continue to manufacture them. While prices of both new and 
used units have come down over the last decade, they still require 
considerable monetary investment when compared to CCD 
flatbed and film scanners. However, drum scanners continue to 
stay in demand due to their capacity to produce scans that are 
superior in resolution, colour gradation, and value structure. Also, 
since drum scanners are capable of resolutions up to 12,000 ppi, 
their use is generally recommended when a scanned image is 
going to be enlarged. 

In most current graphic-arts operations, high quality flatbed 
scanners have replaced drum scanners, being both less expensive 
as well as faster. However, drum scanners continue to be used in 
high-end applications, such as museum-quality archiving of pho- 
tographs and print production of high-quality books and maga- 
zine advertisements. In addition, due to the greater availability of 
pre-owned units many fine-art photographers are acquiring drum 
scanners, creating a new niche market for these machines. 
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A flatbed scanner is usually composed of a glass pane (or plat- 
en), under which there is a bright light (often xenon or cold cath- 
ode fluorescent lamp) which illuminates the pane, and a moving 
optical array, whether CCD or CIS. Colour scanners typically con- 
tain three rows (arrays) of sensors with red, green and blue filters. 
Images to be scanned are placed face down on the glass, an opaque 
cover is lowered over it to exclude ambient light, and the sensor 
array and light source move across the pane, reading the entire 
area. An image is therefore visible to the charge-coupled device 
only because of the light it reflects. Transparent images do not 
work in this way, and require special accessories that illuminate 
them from the upper side. Many scanners offer this as an option. 

Hand scanners are manual devices that are dragged across the 
surface of the image to be scanned. Scanning documents in this 
manner requires a steady hand, as an uneven scanning rate would 
produce distorted images— a little light on the scanner would indi- 
cate if the motion was too fast. They typically have a “start” but- 
ton, which is held by the user for the duration of the scan; some 
switches to set the optical resolution; and a roller, which generates 
a clock pulse for synchronisation with the computer. Most hand 
scanners were monochrome, and produced light from an array of 
green LEDs to illuminate the image. A typical hand scanner also 
had a small window through which the document being scanned 
could be viewed. 

Scanners typically read red-green-blue colour (RGB) data 
from the array. This data is then processed with some propri- 
etary algorithm to correct for different exposure conditions and 
sent to the computer via the device’s input / output interface 
(usually SCSI or LPT in machines prior to the USB standard). 
Colour depth varies depending on the scanning array character- 
istics, but is usually at least 24 bits. High quality models have 48 
bits or more colour depth. The other qualifying parameter for a 
scanner is its resolution measured in pixels per inch (ppi), more 
accurately referred to as samples per inch (spi). Instead of using 
the scanner’s true optical resolution, manufacturers refer to the 
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interpolated resolution, which is much higher thanks to soft- 
ware interpolation. 

The higher the resolution, the larger is the file. In most 
cases, there is a trade-off between manageable file size and level 
of detail. 

The third important parameter for a scanner is its density 
range. A high density range means that the scanner is able to 
reproduce shadow details and brightness details in one scan. 

There are four common means of transferring images from 
scanners: 

o Parallel connection through a parallel port is the slowest com- 
mon transfer method. Early scanners had parallel port connec- 
tions that could not transfer data faster than 70 Kbps. The pri- 
mary advantage of the parallel port connection was economy— 
it avoided adding an interface card to the computer. 

o Small Computer System Interface (SCSI), which is supported 
only via an additional SCSI interface card. Some SCSI scanners 
are supplied together with a dedicated SCSI card for a PC, 
although any SCSI controller can be used. During the evolution 
of the SCSI standard, speeds increased with backwards compat- 
ibility: a SCSI connection can transfer data at the highest speed 
which both the controller and the device support. SCSI has been 
largely replaced by USB and FireWire, either of which are direct- 
ly supported by most computers, and which are easier to set up 
than SCSI. 

o USB scanners can transfer data quickly, and are easier to use, yet 
cheaper than SCSI devices. The early USB 1.1 standard could trans- 
fer data at only 1.5 Mbps (slower than SCSI), but the later USB 2.0 
standard can theoretically transfer up to 60 MBps (although prac- 
tical rates are much lower), resulting in faster operation. 

o FireWire is an interface that is much faster than USB 1.1 and 
comparable to USB 2.0. FireWire speeds are 25, 50 and 100 MBps 
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(but a device may not support all speeds). There’s also a newer 
400 MBps version. 

In order to simplify applications programming, some 
Applications Programming Interfaces (API) were developed. The 
API presents a uniform interface to the scanner. This means that 
the application does not need to know the specific details of the 
scanner in order to access it directly. For example, Adobe 
Photoshop supports the TWAIN standard. Consequently, (in an 
ideal world) Photoshop can acquire an image from any scanner 
that also supports TWAIN. 

In practice, there are often problems with an application com- 
municating with a scanner. Either the application or the scanner 
manufacturer (or both) may have faults in their implementation 
of the API. 

In addition to the API, many scanners come bundled with 
other software such as a scanning utility, some type of image-edit- 
ing application such as Photoshop and OCR software. OCR, or opti- 
cal character recognition, enables the conversion of graphical 
images of text into standard text that can be edited using common 
word-processing and text-editing software. OCR utilises an averag- 
ing algorithm to determine the character shape, then matches 
that shape to a corresponding letter or number. 

The scanned result is a non-compressed RGB image, which 
can be transferred to a computer’s memory. Some scanners com- 
press and clean up the image using embedded firmware. Once 
on the computer, the image can be processed with a raster graph- 
ics program, such as Photoshop, and saved on a storage device 
(such as a hard disk). 

In common use, scanned pictures are stored on a computer’s 
hard disk, normally in image formats such as JPEG, TIFF, Bitmap, 
and PNG. Some scanners can also be used to capture editable text, 
so long as the text can be read by the computer in a discernable 
font. This process is called Optical Character Recognition (OCR). 
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1.2.3. Portable Multimedia Players 

A portable multimedia 
player (PMP) is a con- 
sumer electronics 
device that is capable of 
storing and playing digi- 
tal media. In PMPs, the 
data is typically stored 
on a hard drive, micro- 
drive or flash memory. 

PMPs are capable of 
storing images, and 
even playing digital 
audio and video. 

Usually, a colour LCD or 
OLED screen is used as a 
display. Various players 
include the ability to record video, usually with the aid of option- 
al accessories or cables, and audio, with an inbuilt microphone or 
from a line-out cable or FM tuner. Some players include readers for 
memory cards, which are advertised to equip players with extra 
storage or transferring media. 

Image files are usually viewed on the JPEG format and some 
players, like the iPod series provide compatibility to additional file 
formats like GIF, PNG and TIFF. 

More and more devices are now equipped with a touch screen 
as the primary or alternate input. This can be for convenience 
and/or aesthetic purposes. 





You can carry your pictures in your pocket too! 
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1.3. Cropping, Resizing And Rotating Images 

Now that we have seen the various image formats and input 
devices, let’s do some very basic photo-editing. This chapter is 
about the use of Adobe Photoshop as an editing tool, unless 
stated otherwise. 

1.3.1. Cropping 

Cropping is the process of 
removing portions of an image 
to create focus or strengthen 
the composition. In Photoshop, 
you can crop an image using 
the crop tool and the Crop com- 
mand. You can also trim pixels 
using the Trim command. The 
crop tool provides the most 
options for cropping images. 

To crop an image: 

1. Select the crop tool. 

2. Set the mode of the crop tool: 

o To crop the image without 
resampling (default), make sure 
that all the text boxes in the 
options bar are empty. You can 
click the Clear button to 
quickly clear all text boxes. 

o To resample the image during 

cropping, enter a height, width and/or resolution in the options 
bar. Resampling during cropping combines the function of the 
Image > Image Size command with that of the crop tool. 

3. Define the cropping marquee by dragging over the part of the 
image you want to keep. The marquee doesn’t have to be pre- 
cise— you can adjust it later. 


Note 


In Photoshop, the Hide option is 
not available for images that 
contain only a background layer. 
If you want to crop a background 
by hiding, convert the back- 
ground to a regular layer first. 
Specify whether you want to use 
a cropping shield to shade the 
area of the image that will be 
deleted or hidden. When Shield 
is selected, you can specify a 
colour and opacity for the crop- 
ping shield. When Shield is dese- 
lected, the area outside the 
cropping marquee is revealed. 


Note 


In Photoshop, you can’t rotate 
the marquee for an image in the 
Bitmap mode. 
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4. Do the following in the options bar: 

o Specify whether you want to hide or delete the cropped area. 
Select Hide to preserve the cropped area in the image file. You 
can make the hidden area visible by moving the image with the 
move tool. Select Delete to discard the cropped area. 

5. If necessary, adjust the cropping marquee: 

o To move the marquee to another position, place the pointer 
inside the bounding box and drag. 

o To scale the marquee, drag a handle. To constrain the propor- 
tions, hold down Shift as you drag the corner handle. 

o To rotate the marquee, position the pointer outside the bound- 
ing box (the pointer turns into a curved arrow), and drag it. To 
move the central point around which the marquee rotates, drag 
the circle at the centre of the bounding box. 

6. Do one of the following: 

o Press [Enter] . Click the [Commit] button in the options bar, or 
double-click inside the cropping marquee. 

o To cancel the cropping operation, press [Esc] or click the 
Cancel button in the options bar. 

To crop an image using the Crop command: 

1. Select the part of the image you want to keep. 

2. Choose Image > Crop. 

To crop an image using the Trim command: 

1. Choose Image > Trim. 

2. In the Trim dialog box, select an option: 

o Transparent Pixels to trim away transparency at the edges 
of the image, leaving the smallest image containing non-trans- 
parent pixels. 

o Top Left Pixel Colour to remove an area the colour of the 
upper left pixel from the image. 
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o Bottom Right Pixel Colour to remove an area the colour 
of the lower right pixel from the image. 

3. Select one or more areas of the image to trim away: Top, Bottom, 
Left, or Right. 

1.3.2. Resizing 

Resizing is the process of altering the height, width or aspect ratio 
of the image. 

The Canvas Size command lets you add or remove work space 
around an existing image. You can crop an image by decreasing 
the canvas area. Added canvas appears in the same colour or trans- 
parency as the background. 

To use the Canvas Size command: 

1. Choose Image > Canvas Size. 

2. In Photoshop, choose the units of measurement you want. 

3. The Columns option measures the width in terms of the 
columns specified in the Rulers & Units preferences. 

4. Do one of the following: 

o Enter the dimensions of the canvas in the Width and Height 
boxes. 

o Select Relative, and enter the amount of variation in the size of 
the canvas. (Enter a negative number to decrease the size of the 
canvas.) 

5. To Anchor, click a square to indicate where to position the exist- 
ing image on the new canvas. 

6. Click OK. 

1.3.3. Rotating 

The Rotate Canvas command lets you rotate or flip an entire 
image. The commands do not work on individual layers or parts of 
layers, paths or selection borders. 
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To rotate or flip an entire image: 

Choose Image > Rotate Canvas, and choose one of the follow- 
ing commands from the submenu: 

o 180° to rotate the image by a half-turn. 

o90° CW to rotate the image clockwise by a quarter-turn. 

o90° CCW to rotate the image counter clockwise by a quarter- 
turn. 

o Arbitrary to rotate the image by the angle you specify. If you 
choose this option, enter an angle between -359.99 and 359.99 
in the angle text box, and then select CW or CCW to rotate 
clockwise or counter clockwise. Click OK. 

o Flip Canvas Horizontal (Photoshop) to flip the image hor- 
izontally, along the vertical axis. 

o Flip Canvas Vertical (Photoshop) to flip the image verti- 
cally, along the horizontal axis. 


1.4. Colour Modes 


Colour modes are used in image editors to specify the basic set of 
colour combinations that an image would have. Photoshop sup- 
ports the following colour modes: 

1.4.1. RGB 

Photoshop’s RGB Colour mode uses the RGB model, assigning an 
intensity value to each pixel ranging from 0 (black) to 255 (white) 
for each of the RGB (red, green, blue) components in a colour 
image. For example, a bright red colour might have an R value of 
246, a G value of 20, and a B value of 50. When the values of all 
three components are equal, the result is a shade of neutral grey. 
When the values of all components are 255, the result is pure 
white; when the values are 0, the result is pure black. 
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RGB images use 
three colours, or 
channels, to repro- 
duce colours on 
the screen. The 
three channels 
translate to 24 (8 
bits x 3 channels) 
bits of colour infor- 
mation per pixel. 

With 24-bit 

images, up to 16.7 
million colours can be reproduced. With 48-bit images (16 bits 
per channel), even more colours can be reproduced. In addition 
to being the default mode for new Photoshop images, the RGB 
model is used by computer monitors to display colours. This 
means that when working in colour modes other than RGB, such 
as CMYK, Photoshop interpolates the CMYK image to RGB for dis- 
play on-screen. 

Although RGB is a standard colour model, the exact range of 
colours represented can vary, depending on the application or dis- 
play device. Photoshop’s RGB Colour mode varies according to the 
working space setting that you have specified in the Colour 
Settings dialog box. 

1.4.2. CMYK Colour Mode 

In Photoshop’s CMYK mode, each pixel is assigned a percentage 
value for each of the process inks. The lightest (highlight) colours 
are assigned small percentages of process ink colours, the darker 
(shadow) colours higher percentages. For example, a bright red 
might contain 2% cyan, 93% magenta, 90% yellow, and 0% black. In 
CMYK images, pure white is generated when all four components 
have values of 0%. 

Use the CMYK mode when preparing an image to be printed 
using process colours. Converting an RGB image into CMYK creates a 



RGB channels and their corresponding greyscale values 
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colour separation. If you start with an RGB image, it’s best to edit 
first in RGB and then convert to CMYK at the end of your process. In 
RGB mode, you can use the Proof Setup commands to simulate 
the effects of a CMYK conversion without changing the actual image 
data. (See Soft-proofing colours.) You can also use CMYK mode to 
work directly with CMYK images scanned from high-end systems. 

Although CMYK is a standard colour model, the exact range of 
colours represented can vary, depending on the press and printing 
conditions. Photoshop’s CMYK Colour mode varies according to 
the working space setting that you have specified in the Colour 
Settings dialog box. 

1.4.3. Lab Colour Mode 

In Photoshop, the Lab Colour mode has a lightness component (L) 
that can range from 0 to 100. In the Adobe Colour Picker, the ‘a’ 
component (green-red axis) and the ‘b’ component (blue-yellow 
axis) can range from +127 to -128. In the Colour palette, the ‘a’ 
component and the ‘b’ component can range from +120 to -120. 

You can use the Lab mode to work with Photo CD images, edit 
the luminance and the colour values in an image independently, 
move images between systems, and print to PostScript Level 2 and 
Level 3 printers. To print Lab images to other colour PostScript 
devices, convert to CMYK first. 

Lab images can be saved in Photoshop, Photoshop EPS, Large 
Document Format (PSB), PDF, Photoshop Raw, TIFF, Photoshop DCS 
1.0 or Photoshop DCS 2.0 formats. 48-bit (16 bits per channel) Lab 
images can be saved in Photoshop, Large Document Format (PSB), 
Photoshop PDF, Photoshop Raw or TIFF formats. 

Note: The DCS 1.0 and DCS 2.0 formats convert the file to CMYK 
when opened. 

Lab colour is the intermediate colour model Photoshop uses 
when converting from one colour mode to another. 
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1.4.4. Bitmap Colour Mode 

This mode uses one of two colour values (black or white) to repre- 
sent the pixels in an image. Images in Bitmap mode are called 
bitmapped 1-bit images because they have a bit depth of 1. 

1.4.5. Indexed Colour Mode 

Indexed Colour mode produces 8-bit image files with at most 256 
colours. When converting to indexed colour, Photoshop builds a 
colour lookup table (CLUT), which stores and indexes the colours 
in the image. If a colour in the original image does not appear in 
the table, the program chooses the closest one or uses dithering to 
simulate the colour using available colours. 

By limiting the palette of colours, indexed colour can reduce 
file size while maintaining enough visual quality for certain appli- 
cations like a multimedia presentation or a Web page. Limited 
editing is available in this mode. For extensive editing, you should 
convert temporarily to RGB mode. Indexed Colour files can be 
saved in Photoshop, BMP, GIF, Photoshop EPS, Large Document 
Format (PSB), PCX, Photoshop PDF, Photoshop Raw, Photoshop 2.0, 
PICT, PNG, Targa or TIFF formats. 

1.4.6. Duotone Colour Mode 

Duotone mode creates monotone, duotone (two-colour), tritone 
(three-color) and quadtone (four-color) greyscale images using two 
to four custom inks. 

1.4.7. Multichannel Colour Mode 

Multichannel mode uses 256 levels of grey in each channel. 
Multichannel images are useful for specialised printing. 
Multichannel mode images can be saved in Photoshop, Photoshop 
2.0, Photoshop Raw, or Photoshop DCS 2.0 format. 

These guidelines apply to converting images to Multichannel 
mode: 

o Colour channels in the original image become spot colour chan- 
nels in the converted image. 
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o When you convert a colour image to multichannel, the new 
greyscale information is based on the colour values of the pix- 
els in each channel. 

o Converting a CMYK image to multichannel creates cyan, magen- 
ta, yellow and black spot channels. 

o Converting an RGB image to multichannel creates cyan, magen- 
ta and yellow spot channels. 

o Deleting a channel from an RGB, CMYK or Lab image automati- 
cally converts the image to Multichannel mode. (See About 
colour channels for more information on channels.) 

o To export a multichannel image, save it in Photoshop DCS 2.0 
format. 


1.5. Hue, Saturation and Brightness 


Hue, saturation and brightness are aspects of colour in the RGB 
scheme. These terms are most often used in reference to the 
colour of each pixel in a CRT display. All possible colours can be 
specified according to hue, saturation, and brightness (also called 
brilliance), just as colours can be represented in terms of the R, G 
and B components. 

Most sources of visible light contain energy over a band of 
wavelengths. Hue is the wavelength within the visible-light spec- 
trum at which the energy output from a source is greatest. This is 
shown as the peak of the curves in the accompanying graph of 
intensity versus wavelength. In this example, all three colours 
have the same hue, with a wavelength slightly longer than 500 
nm, in the yellow-green portion of the spectrum. 

Saturation is an expression for the relative bandwidth of the 
visible output from a light source. Saturation is represented by the 
steepness of the slopes of the curves. Here, the red curve represents 
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a colour having low saturation, 
the green curve represents a 
colour having greater satura- 
tion and the blue curve repre- 
sents a colour with fairly high 
saturation. As saturation 
increases, colours appear more 
“pure”. As saturation decreases, 
colours appear more “washed-out” 

Brightness is a relative expression of the intensity of the ener- 
gy output of the visible light source. It can be expressed as the 
total energy value or as the amplitude at the wavelength where 
the intensity is greatest (identical for all three curves). In the RGB 
colour model, the amplitudes of red, green and blue for a particu- 
lar colour can each range from 0 to 100 percent of full brilliance. 
These levels are represented by the range of decimal numbers 
from 0 to 255 or hexadecimal numbers from 00 to FF. 

In Photoshop the Hue/Saturation command lets you adjust the 
hue, saturation, and lightness of the entire image or of individual 
colour components in an image. Adjusting the hue, or colour, rep- 
resents a move around the colour wheel. Adjusting the saturation, 
or purity of the colour, represents a move across its radius. 

To use the Hue/Saturation command: 

1. Open the Hue/Saturation dialog box. 

The two colour bars in the dialog box represent the colours in 
their order on the colour wheel. The upper colour bar shows the 
colour before the adjustment; the lower bar shows how the adjust- 
ment affects all of the hues at full saturation. 

2. To Edit in Photoshop, choose the colours to be adjusted, 
o Choose Master to adjust all colours at once. 

o Choose one of the other preset colour ranges listed for the colour 
you want to adjust. An adjustment slider appears between the 


Note 


The Threshold slider gives 
greater control for values 
between 0 and 128-the most 
common range for images-than 
for values between 128 and 255. 


EMI FAST TRACK 


27 



BASIC IMAGE 
MANIPULATION 


DIGITAL IMAGING 


colour bars, which you can use to edit any range of hues. (For 
information on how to modify the slider’s range, see the instruc 
tions following this procedure.) 

3. For Hue, enter a value or drag the slider until the colours 
appear as you desire. 

The values displayed in the text box reflect the number of 
degrees of rotation around the wheel from the pixel’s original 
colour. A positive value indicates clockwise rotation, while a neg- 
ative value indicates counter clockwise rotation. Values can 
range from -180 to +180. 

4. For Saturation, enter a value or drag the slider to the right or 
left to increase or decrease the saturation. 

The colour shifts away from or towards the centre of the wheel, 
relative to the beginning colour values of the selected pixels. 
Values can range from -100 to +100. 

5. For Lightness, enter a value or drag the slider to the right or 
the left to increase or decrease the lightness. Values can range 
from -100 to +100. 

1.6. Red-eye Removal 


Red-eye refers to an effect in photographs in which the eyes of peo- 
ple appear reddish in colour. This occurs due to reflection of the 
flash from the subjects’ eyes in the picture. To remove this effect 
in Photoshop, use the following steps. 

1. Open the image. 

2. Go to Image > Duplicate and close the original. 

3. Go to Window > Documents > New Window. This will open a 
duplicate window of the same image. 

4. Zoom one of the windows so that you can see the eyes as large 
as possible. Set the other window view to 100 per cent. 
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5. Arrange the two win- 
dows so you can see 
both the zoomed view 
and the 100 per cent 
view at the same 
time. 

6. Create a new layer. 

7. Use the eyedropper to 
pick up a colour from the iris of the eye. It should be a fairly grey 
tint with a hint of the eye colour. 

8. Paint over the red part of the eye on the new layer, being careful 
not to paint over the eyelids. 

9. Go to Filters > Blur > Gaussian Blur and give it about 
a 1 pixel blur to soften the edges. 

10. Set the layer blend mode to Saturation. This will take the red 
out without removing the highlights, but in many cases it 
leaves the eyes too grey and hollow looking. 

11. If that’s the case, duplicate the saturation layer and change the 
blend mode to Hue. That should put some colour back in, while 
still preserving the highlights. 

12. If the colour is too strong after adding a Hue layer, lower the 
opacity of the Hue layer. 

13. When you’re happy with the results you can merge the extra 
layers down. 

Also keep the following in mind. 

a. If you need to darken the pupil area, use the burn tool. It should 
only take a couple of taps with the burn tool to darken 
the pupils. 
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Removing the red eye effect 
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b. Before merging your layers, use the eraser tool to clean up any 
overspray from painting outside the iris. 


1.7. Noise removal 


Noise is an effect in pictures which occurs due to poor lighting 
and dusty atmosphere, causing them to look grainy. 

Noise filters are used to remove noise, or pixels with randomly 
distributed colour levels. This helps to blend a selection into the 
surrounding pixels. Noise filters can create unusual textures or 
remove problem areas such as dust and scratches from an image. 
There are different techniques to remove noise. 

1.7.1. Despeckle 

Detects the edges in an image (areas where significant colour 
changes occur) and blurs all the selection except those edges. This 
blur-ring removes noise while preserving detail. 

1.7.2. Dust & Scratches 

These reduce noise by changing dissimilar pixels. To achieve a bal- 
ance between sharpening the image and hiding defects, try vari- 
ous combinations of radius and threshold settings. Or apply the 
filter on selected areas in the image. 

To use the Dust & Scratches filter in Photoshop: 

1. Choose Filter > Noise > Dust & Scratches. 

2. If necessary, adjust the preview zoom ratio until the area con- 
taining noise is visible. 

3. Drag the Threshold slider left to 0 to turn off the value, so that 
all pixels in the selection or image can be examined. 

The Threshold determines how different the pixels’ values 
should be before they are eliminated. 
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4. Drag the Radius slider left or right, or enter a pixel value in the 
text box from 1 to 16. The radius determines how far the filter 
searches for differences among pixels. Adjusting the radius 
makes the image blurry. Stop at the smallest value that elimi- 
nates these defects. 

5. Increase the threshold gradually by entering a value or by 
dragging the slider to the highest value possible that 
eliminates defects. 

1.7.3. Median 

This reduces noise in an image by blending the brightness of pix- 
els within a selection. The filter searches the radius of a pixel 
selection for pixels of similar brightness, discarding pixels that 
differ too much from adjacent pixels, and replaces the centre 
pixel with the median brightness value of the searched pixels. 
This filter is useful for eliminating or reducing the effect of 
motion on an image. 


1.8. Image Effects 


1.8.1. Sepia 

Modern photographic prints do not suffer from such a severe dis- 
coloration effect over time, but if you take a photograph clicked 20 
to 30 years ago, you are most likely to find that the colour has 
faded. This can be due to the dyes used in the ink, or the way the 
photograph was processed. 

Sepia images have their characteristic brown nature right from 
development, because of a chemical reaction that occurs during 
processing. They are actually more colour-fast than normal colour 
prints, and should not fade much over time. 

The Sepia effect is just as desirable nowadays as it always was, 
and more accessible techniques have been developed to give pho- 
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The Sepia effect gives your photo an aged look 


tographs this distinctive appearance. Originally the process 
involved adding a pigment made from the inky secretion of a 
Cuttlefish to the photograph during development, but other 
methods have since been devised using artificial toners. 

For the scientifically inclined, the word “Sepia” comes from 
the genus of Cephalopod, which is a group of creatures including 
the cuttlefish. This is also why it has a capital letter. 

If an image is truly Sepia toned, (by a strict Sepia definition), it 
must technically be completely monochrome. This means that it 
only contain shades of brown, much like a black and white photo- 
graph only contains shades of grey. 

The advent of personal computers and digital home photogra- 
phy has created a way for almost anyone to achieve Sepia image 
toning. Digital photos can be edited with programs like Photoshop 
and Photoshop Elements to get the Sepia effect. To do this, use the 
following steps: 

1. Open the image in Photoshop. 

2. If the image is in colour, go to Image > Adjust > 
Desaturate and skip to step 4. 
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3. If the image is in greyscale go to Image > Mode > RGB 
Colour. 

4. Go to Image > Adjust > Variations. 

5. Move the Fine<— >Coarse slider down one notch less than the 
middle. 

6. Click on More Yellow once. 

7. Click on More Red once. 

8. Click OK. 

Some points to keep in mind: 

a. Use the Save button in the Variations dialog to save the sepia 
tone settings. The next time you want to use it, just load the 
saved settings. 

b. Use Desaturate and experiment with Variations to apply other 
colour tints to your photos. 

1.8.2. Black And White 

Converting a digital colour photo into black and white goes 
beyond simply desaturating the colours, and can be made to 
mimic any of a wide range of looks created by using colour filters 
in black and white film photography. Conversion which does not 
take into account an image’s colour and subject of interest can 
dilute the artistic message, and may create an image which 
appears washed out or lacks tonal range. This section provides a 
background on using colour filters, and outlines several different 
black and white conversion techniques— comparing each in terms 
of their flexibility and ease of use. 

Contrary to what one might initially assume, traditional black 
and white photographers actually have to be quite attentive to the 
type and distribution of colour in their subject. 
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Colour filters are often 
used in front of the lens to 
selectively block some 
colours while passing oth- 
ers (similar to how colour 
filters are used for each 
pixel in a digital camera’s 
bayer array). Filters are 
named after the hue of the 
colour which they pass, not 
the colour they block. 

These can block all but a 
primary colour such as red, 
green or blue, or can par- 
tially block any weighted 
combination of the pri- 
mary colours (such as 
orange or yellow). Careful 
selection of these filters 
allows the photographer to decide which colours will produce the 
brightest or darkest tones. 

Converting a digital colour photo into black and white utilises 
the same principles as with colour filters in film photography, 
except filters instead apply to each of the three RGB colour chan- 
nels in a digital image. Whether you specify it or not, all conver- 
sion techniques have to use some weighted combination of each 
colour channel to produce greyscale brightness. Some techniques 
assume a combination for you, although the more powerful ones 
give you full control. Each makes its own trade-offs between power 
and ease of use, and so you may find that some techniques are best 
suited only to certain tasks. 

The channel mixer tool in Photoshop allows the user to control 
how much each of the three colour channels (red, green and blue) 
contribute to the final greyscale brightness. It is undoubtedly one 
of the most powerful black and white conversion methods. 



There’s a world of difference between using 
plain old Greyscale and tweaking a Black- 
and-white conversion 
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However, it may take some time to master since there are many 

parameters which require simultaneous adjustment. Use the fol- 
lowing steps to convert a picture to black and white in Photoshop. 

1. Open this tool by clicking on Image > Adjustments > 
Channel Mixer in Adobe Photoshop. 

2. Be sure to first click on the lower left tick box entitled 
“Monochrome” for black and white conversion. 

3. It is good to get a feel for the distribution of each colour chan- 
nel by first setting each of the colour channels to 100 per cent 
individually. 

4. Adjust each of the red, green and blue sliders to produce an 
image to your liking. For an even more pronounced effect, some 
colours can even have negative percentages. 

5. The sum of the red, green and blue percentages need to equal 
100% in order to maintain roughly constant brightness, 
although overall brightness can also be adjusted by using the 
“Constant” slider at the bottom. If the aim is to mimic the lumi- 
nosity perceived by the human eye, set the values of Red, Green 
and Blue at 30%, 59% and 11%, respectively. This technique is 
particularly elegant because it allows you to apply from any of 
the entire spectrum of colour filters by just dragging the hue 
slider. This allows one to quickly assess which combination of 
colour filters work best, without necessarily having one in mind 
when starting. It takes a little longer to setup than the channel 
mixer, but is actually faster to use once in place. 

6. Open the image in Photoshop and create two separate 
“Hue/Saturation Adjustment Layers” by following the menus: 
Layers > New Adjustment Layer > Hue/Saturation. 

7. Each window will be named Hue/Saturation 1 or 2 
However, I have given these custom names for this tutorial. 
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8. Set the blending mode to Colour on the top adjustment layer 
(Saturation) and set the saturation to its minimum of -100 as 
shown below. 

9. On the bottom adjustment layer, change the “Hue” slider to 
apply any of the entire spectrum of colour filters. This is the 
main control for adjusting the look from this technique. 

10. The saturation slider can also be adjusted in this layer, but 
this time it fine-tunes the magnitude of the filter effect for a 
given hue. 

11. Once all adjustments have been made, merge/flatten the layers 
to make these final. 

An alternative technique which may be a bit easier is to only 
add one Hue/Saturation adjustment layer and change the hue of 
the image itself. On the other hand, this does not allow one to go 
back and change the colour filter hue if it is no longer in 
Photoshop’s undo history (at least not without unnecessarily 
destroying the bit depth). Using the lightness channel in lab mode 
is quick and easy because it converts based on the luminance 
value from each pixel’s RGB combination. The steps are as follows: 

1. First convert the image into the LAB colour space by clicking on 
Image > Mode > Lab Colour in Photoshop. 

2. View the “Lightness” channel by clicking on it (as shown to the 
left) in the channel window. If not already open, the channel 
window can be accessed by clicking on Window > Channels. 

3. Delete both the “a” and “b” channels to leave only the lightness 
channel (“a” and “b” refer the red-green and blue-yellow shift, or 
“chrominance”). 

4. Note that the lightness channel may subsequently require sig- 
nificant levels adjustments as it may not utilize the entire tonal 
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range of the histogram. This is because it requires all three 
colour channels to reach their maximum for clipping, as 
opposed to just one of the three channels for an RGB histogram. 

5. Desaturating the colours in an image is the simplest type of 
conversion, but often produces inadequate results. This is 
because it does not allow for control over how the primary 
colours combine to produce a given greyscale brightness. 
Despite this, it is probably the most commonly used way of con- 
verting into black and white. In Photoshop, this is accom- 
plished by going from Image > Adjustments > 
Desaturate. Ordinarily, the best results are achieved when 
the image has the correct white balance. Removal of colour 
casts means that the colours will be more pure, and so the 
results of any colour filter will be more pronounced. 

Any black and white conversion which utilizes a significant 
boost in colour saturation may begin to show artefacts, such as 
increased noise, clipping or loss of texture detail. On the other 
hand, higher colour saturations also mean that each colour filter 
will have a more pronounced effect. 

Recall that the noise levels in each colour channel can be quite 
different, with the blue and green channels having the most and 
lease noise, respectively. Try to use as little of the blue channel as 
possible to avoid excess noise. 

Levels and curves can be used in conjunction with black and 
white conversion to provide further control over tones and con- 
trast. Keep in mind though, that some contrast adjustments can 
only be made by choosing an appropriate colour filter, since this 
adjusts relative contrast within and the colour regions. Care 
should also be taken when using these because even slight colour 
clipping in any of the individual colour channels can become 
quite apparent in black and white depending on which channels 
are used for conversion. 
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1.9. Printers 


A computer printer, or more commonly a printer, produces a hard 
copy (permanent human-readable text and/or graphics) of docu- 
ments stored in electronic form, usually on physical print media 
such as paper or transparencies. Many printers are primarily used 
as local computer peripherals, and are attached by a printer cable 
to a computer which serves as a document source. 

In addition, many modern printers can directly interface to 
electronic media such as memory sticks or memory cards, or to 
image capture devices such as digital cameras and scanners. Some 
printers are combined with scanners and/or a fax in a single unit. 
Printers that include non-printing features are sometimes called 
Multi-Function Printers (MFP) or Multi-Function Devices (MFD). 

A printer which is combined with a scanner can function as a 
photocopier if so designed. Most MFPs include printing, scanning 
and copying among their features. 

A printer’s speed is measured in PPM (pages per minute) and 
resolution in DPI (dots per inch). Resolution refers to the quality of 
the output of the printer. The greater the resolution, the greater is 
the quality. Printers use the CMYK colour mode, which offers the 
combinations of the colours cyan, magenta and yellow in addition 
to printing black and white (the K in CMYK is for the word black). 

Printers are routinely classified by the underlying print tech- 
nology they employ. Numerous such technologies have been devel- 
oped over the years. 

Toner-based printers work using the Xerographic principle 
that is at work in most photocopiers— by adhering toner to a 
light-sensitive print drum, then using static electricity to trans- 
fer the toner to the printing medium to which it is fused with 
heat and pressure. 
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The most common type of toner-based printer is the laser 
printer, which uses precision lasers to cause adherence. Laser 
printers are known for high quality prints, good print speed, 
and a low (Black and White) cost-per-copy. They are the most 
common printer for many general-purpose office applications. 
They are far less commonly used as consumer printers due to 
the high initial cost. 

Laser printers are available in both colour and monochrome 
varieties. Another toner-based printer is the LED printer which 
uses an array of LEDs instead of a laser to cause toner adhesion to 
the print drum. Recent research has also indicated that Laser 
printers emit potentially dangerous ultra-fine particles, possibly 
causing health problems associated with respiration and cause 
pollution levels comparable to cigarettes. The degree of particle 
emissions varies with age, model and design of each printer, but is 
generally proportional to the amount of toner required. 
Furthermore, a well ventilated workspace would allow such ultra- 
fine particles to disperse, thus reducing the health side effects. 

Inkjet printers spray very small, precise amounts (usually a few 
pico-litres) of ink onto the media. These droplets of ink will carry 
a slight electrical charge. The placement of the ink on the page is 
then determined by the charge of a cathode and electrode 
between which the ink moves towards the paper. Inkjet printing 
(and the related bubble-jet technology) are the most common- 
quality inkjet printers are inexpensive to produce. 

Virtually all modern inkjet printers are colour devices. Some 
are known as photo printers and include extra pigments for 
improved reproduction of the colour gamut needed for high-qual- 
ity photographic prints (and are additionally capable of printing 
on photographic card stock, as opposed to plain office paper). 

Inkjet printers consist of nozzles that produce very small ink 
bubbles that turn into tiny droplets of ink. The dots formed are 
the size of tiny pixels. Ink-jet printers can print high quality text 
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and graphics. They are also almost silent in operation. Inkjet 
printers have a much lower initial cost than laser printers, but 
have a much higher cost-per-copy, as the ink needs to be fre- 
quently replaced. 

In addition, consumer printer manufacturers have adapted a 
business model similar to that employed by razor blade manufac- 
turers. The printers themselves are frequently sold below cost, and 
the ink is then sold at a high mark-up. 

Various legal and technological means are employed to try 
and force users to purchase ink only from the manufacturer (thus 
leading to vendor lock-in). However there is a thriving aftermar- 
ket for such things as third-party ink cartridges (new or refur- 
bished) and refill kits. 

Inkjet printers are also far slower than laser printers. Inkjet 
printers also have the disadvantage that pages must be allowed 
to dry before being aggressively handled. Premature handling 
can cause the inks (which are adhered to the page in liquid 
form) to run. 

Solid Ink printers, also known as phase-change printers, are a 
type of thermal transfer printer. They use solid sticks of CMYK 
coloured ink (similar in consistency to candle wax), which are 
melted and fed into a piezo-crystal operated print-head. The print 
head sprays the ink on a rotating, oil coated drum. The paper then 
passes over the print drum, at which time the image is trans- 
ferred, or transfixed, to the page. 

Solid Ink printers are most commonly used as colour office 
printers, and are excellent at printing on transparencies and other 
non-porous media. Solid ink printers can produce excellent 
results. Acquisition and operating costs are similar to laser print- 
ers. Drawbacks of the technology include high power consump- 
tion and long warm-up times from a cold state. 
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Also, some users complain that the resulting prints are diffi- 
cult to write on (the wax tends to repel inks from pens), and are 
difficult to feed through Automatic Document Feeders, but these 
traits have been significantly reduced in later models. 

A dye-sublimation printer (or dye-sub printer) is a printer 
which employs a printing process that uses heat to transfer the 
dye to a medium such as plastic cards, paper or canvas. The 
process is usually to lay one colour at a time using a ribbon that 
has colour panels. Dye-sub printers are intended primarily for 
high-quality colour applications, including colour photography, 
and are not as suitable for text. While once the province of high- 
end print shops, dye-sublimation printers are now increasingly 
used as dedicated consumer photo printers. 

1.10. Online Image-editing Tools 


In the last section of this chapter, we cover online image-editing 
Web sites. The last few years has seen the boom of online services 
on the Web. There are online messaging services, online file stor- 
age services and online social networking sites— so why not online 
image-editing sites. These sites are cool, offer features similar to 
image-editing tools like Photoshop, and some are free as well. 
Digit covers two of these sites— Picnik and Pixenate. 

1.10.1. Picnik 

Picnik is a really cool and free site which has basic photo-editing 
features from rotating, cropping and resizing images to adjust- 
ment of saturation, contrast and even red-eye removal. Using 
this site is very simple. Go to the site and upload your photo. 
Next, you will be taken to a Web page having a menu with the 
several options. 

The rotate option allows for clockwise and anti-clockwise rota- 
tion of images and even flipping images horizontally or vertically. 
There is also a slider to make the image rotate by an angle of your 
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choice. Cropping 
gives the facility to 
select only that part 
of the image that 
you wish to use. 

Drag the selection 
area larger or small- 
er by using the 
mouse. Resizing the 
image can be done 
to change the reso- 
lution or the aspect 
ratio of the image. 

The exposure menu option offers the feature of changing the 
contrast or exposure of the image. The colours option is to be used 
to adjust the saturation or the temperature of the image giving it 
a fuller appearance. Both are done using slider controls. 

The sharpness of the image can be adjusted using the sharp- 
ness menu option. This is useful for noise-removal or improving 
the quality of grainy images. The red-eye removal menu option is 
used to remove the unwanted effects of a flash on the eyes of peo- 
ple who are present in the photo. 

1.10.2. Pixenate 

Pixenate is another great and free site for online image-editing. 
Not only does this site offer the features of cropping, resizing and 
rotating images, but also offers others like sepia, horizon adjust- 
ment, changing the lighting effect and even a zoom feature. Its 
GUI is more appealing than the Picnik GUI, where it provides a 
grid of thumbnails to operate on the images. 

Operating this site is pretty much similar to Picnik. Simply 
upload an image and start working on it. Cropping, resizing and 
rotating are with little variation from Picnik. The sepia, whiten- 
ing, red-eye removal, horizon-adjust and zoom are what are eye- 
catching in this site. 
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The whitening fea- 
ture can be used to pro- 
duce pearly-whites on 
the faces of smiling peo- 
ple. The horizon-adjust 
allows for tilting the pic- 
ture at angles to the 
horizon in order to pro- 
duce certain kinds of 
effects, and the zoom in 
and out thumbnails are 
great for picture magnification/shrinking. 
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I t’s hard to even think of “advanced image editing” without 
thinking Adobe Photoshop. For the purpose of this chapter, 
we’ll use Photoshop as a base— it’s the best for what we’re going 
to talk about, and the most widely used. Any product offering sim- 
ilar features borrows them from Photoshop anyway, so making the 
transition shouldn’t be difficult at all. 
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2.1 Camera Raw 


Even though it’s sometimes called RAW, the camera raw image for- 
mat isn’t an acronym— it’s literal. A raw file contains all the un- 
processed data collected by your camera’s sensors. It’s the most 
accurate representation of the photograph you took, and contains 
more colour information than common image formats— specifi- 
cally the JPEG format that most digital cameras use. Only high-end 
cameras record raw data (the rest convert the photo to JPEG before 
writing it to the memory card), so you’ll probably not work with 
this format unless you own a Digital SLR (DSLR). 

Unlike standard formats like JPEG or TIFF, however, camera 
raw formats are specific to manufacturers, and would originally 
work only with software that was provided by them. 
Unfortunately, this software would invariably be badly designed, 
leading first to open source software like dcraw that reverse-engi- 
neered the proprietary raw formats, and then the introduction of 
Adobe’s DNG (Digital Negative) image format— a standard raw for- 
mat for all cameras. Eventually, camera vendors relented, and 
while they didn’t adopt the DNG format, they did allow third- 
party software to be able to read their raw formats. 


For all practical purposes, a raw 
file is the digital equivalent of the 
film negative, and just like you can 
use chemicals to develop the film 
the way you want, you can use soft- 
ware to “develop” your camera’s raw 
data to a format like TIFF. In either 
case, the negative remains intact, so 
you can start over if you don’t like 
the results. 


RAW Image Formats 

.raf 

Fuji 

.crw, ,cr2 

Canon 

.tif .kdc .dcr 

Kodak 

.mrw 

Minolta 

.nef 

Nikon 

.orf 

Olympus 

•dng 

Adobe 

.ptx, .pef 

Pentax 

.arw, .srf, .sr2 

Sony 

.raw 

Panasonic 


2.1.1 Camera Raw In Photoshop 

Adobe Photoshop supports the raw formats for nearly all popular 
digital camera manufacturers; you’ll have to download the 
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Photoshop CS3’s Camera Raw dialog is the same as CS2’s with the Camera 
Raw plugin, so the version you’re using doesn’t really matter 


Camera Raw plugin from Adobe’s Web site to enable that support 
in versions before CS3. All you need now is the raw file. 

When you open a raw image with Photoshop, you first get the 
Camera Raw dialog— think of this as the dark room where you 
prepare your photo. Here you can make adjustments to your 
photo before actually opening it, and without changing the orig- 
inal raw file. 

At the top of the Camera Raw dialog is the toolbar, where you 
can choose standard tools like Zoom, Pan, Crop and so on. On the 
right are the Image Adjustment tabs— their function is self- 
explanatory. 

White Balance 

The first thing you should approach is the photo’s white balance. 
This setting’s also on your digital camera, but it’s better to leave 
the camera setting to Auto and make finer adjustments here. Put 
simply, adjusting your photo’s white balance is the act of deter- 
mining what areas of the photo should be white, and then adjust- 
ing the remaining colours to ensure that those areas are indeed 
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white. For example, if you shoot a photo under a yellow tungsten 
lamp, all areas that should be white will have a yellow tinge to 
them, so you should tone down the yellow and boost the blue in 
the photo to get back to natural colours. 

In the Image Adjustment area, you’ll see sliders for 
Temperature and Tint. A photo’s colour temperature is how 
“warm” or “cool” it looks— warm images look bathed in yellow, 
cooler images have a suffusion of blue. Use this slider only if your 
photo looks distinctly biased towards one end. 

A better way to adjust white balance quickly is the White 
Balance tool— it’s the third from the left on the toolbar. Select it 
and click on the area of the image that is supposed to be white or 
neutral grey— the Temperature and Tint settings will automatical- 
ly be adjusted. 

The Basic Image Adjustment Tab 

Besides adjusting white balance, the Basic tab gives you options to 
tweak the tone of your image. 

Exposure: 

This slider lets you adjust the brightness of the image, but setting 
it too high could murder details; ditto too low. 

Recovery: 

This slider lets you recover details from the brighter areas of the 
image— if the texture of a wall is obliterated by direct sunlight, for 
example, Recovery will try and get it back for you. 

Fill Light: 

Fill light is the same as Recovery, only for darker areas of the 
image. It’ll try to recover details from shadows in your photo, with- 
out turning blacks into grey. 

Blacks: 

The black level of a photo defines how dark an area needs to be to 
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be considered black. Raising that threshold will darken more 
areas of the image, so you can use this to get a high-contrast effect 
without actually boosting the lighter areas of the image. 

Brightness, Contrast: 

In Photoshop CS3, Brightness actually works differently from pre- 
vious versions— instead of just adding white to the image, 
Brightness adjusts highlights and shadows so that neither ends up 
swallowing the entire image. The contrast slider, however, works 
exactly as you would expect it to. 

Clarity: 

This slider adds definition to the edges in your photo to give you 
crisper images. 

Saturation: 

This slider adjusts the intensity of all colours in the image. 
Vibrance: 

This slider adjusts saturation too, but it also prevents colours from 
getting too saturated. 

When you’re done with basic adjustments, you can make finer 
tweaks to your image using Tone Curves. 

The Tone Curve Tab 

This is a little difficult to understand, but with a little experimen- 
tation, you can still get the effect you desire. 

The horizontal axis of the graph represents the original 
tones of your photo, with the darkest on the left and getting 
lighter towards the right. The vertical axis represents the tone 
values after you’ve had your way with them. When the tone 
curve is a straight, 45-degree line, it means that the output 
image is the same as the input. Moving a point upward bright- 
ens the corresponding output, and moving it downward dark- 
ens it. You can use the sliders under Parametric to see the effect 
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Use the Tone Curve to make fine adjustments to your image 


of your changes on the tone curve, and then edit the curve your- 
self under Point. 


The Detail Tab 

As the name suggests, this is where you concentrate on the minute 
details of your photo, so you’ll need to zoom into the image to see 



You’ll have to zoom in really close to see the effects of the Detail tab, but 
they’re there 
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the effects in action. The Sharpening sliders are the same as the 
Smart Sharpen filter in Photoshop. 

Amount: 

This is the strength of the sharpening filter that will be applied. 
Radius: 

this is number of surrounding pixels that are affected by the sharp- 
en filter. The higher the value, the more prominent the effect. 

The HSL / Greyscale Tab 



You can even tweak the way you convert an image to greyscale 


Here’s where you make colour adjustments to your images. Each 
of the three tabs— Hue, Saturation and Luminance— has sliders for 
eight basic colours; here’s what happens to them when you adjust 
one of the three parameters: 

Hue: 

Dragging any one of the sliders under the Hue tab changes the 
colour of the image— you can drag the Greens slider, for instance, 
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and replace all greens in the image with yellows or cyan (depend- 
ing on the direction you drag in). 

Saturation: 

when you drag a saturation slider for a colour, you increase that 
colour’s intensity in your image. 

Luminance: 

with the Luminance slider, you can adjust the colour’s brightness 
in your image. 

To convert your image to greyscale, check the box at the top. 
You can now use the sliders to tweak the conversion— if you 
want blues to be converted into light areas, drag the Blue slider 
to the left. 

The Split Toning Tab 

You can use the Split Toning tab to convert a greyscale image into 
a two-tone image. You can use the Hue and Saturation sliders to 
choose the colour and its brightness for Highlights and Shadows 



Use the Split Toning tab to give greyscale images a psychedelic two-tone look 
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A Lens Vignette can be used to draw attention to the centre of the image 


separately, and then use the Balance slider to tweak how the two 
colours mingle with each other. 


The Lens Corrections Tab 

Very often, imperfections in your camera’s lens can cause 
defects in your images— specifically at the edges. This is called 



A Lens Vignette can be used to draw attention to the centre of the image 
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Chromatic Aberration , and is caused when the different colours of 
light take different paths after passing through the lens. To 
understand this better, let’s turn to a simple concept we all first 
encountered in school... 

We all know that when white light passes through a prism, it 
breaks up into its constituent colours. This is because different 
wavelengths of light bend at different angles when they pass 
through another medium— in this case, glass. The same thing hap- 
pens when light passes through a lens. In cameras, manufacturers 
avoid this by using compound lenses, which compensate for the 
dispersion of light and bring the component wavelengths back 
together. Unfortunately, things could go wrong sometimes, and 
you can find yourself looking at a photo with a bluish fringe along 
the edges of objects. 

This is where the Lens Corrections Tab comes in: the two slid- 
ers under Chromatic Aberration let you correct any fringing you 
may see in your photo. In addition, you can use the Lens 
Vignetting slider to create a dark or light area at the edges of your 
image to focus on the centre, or eliminate that effect if your cam- 
era has caused it and you don’t want it. 

The Camera Calibration Tab 

Under this tab, you can tweak the colour settings for your camera 
using the Hue and Saturation slider for the red, green and blue 
colour channels. When you’re satisfied with the result and want 
to use your new settings for every photo taken by the same cam- 
era, click on the small icon on the top-right of the tab and choose 
Save New Camera Raw Defaults. 

The Straighten Tool 

If you shot your photo a little crooked, you can fix its orientation 
using the straighten tool— it’s the sixth from the left on the main 
toolbar. Just click and drag along what should be the straight 
edge of your photo, and you’ll get a box that shows you the area 
that’ll represent your final photo. Depending on how crooked the 
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Straighten your photos easily 

shot is, you’ll lose some image data at the edges. You can rotate 
this box for a little fine-tuning; double-click inside it to straight- 
en the image. 


2.2 Advanced Image Editing 


In the last chapter, we explored basic image effects and how to cor- 
rect minor problems with your images. This works even with basic 
software like IrfanView, but when things are ~very~ wrong with 
your images, you need to turn to more advanced tools like 
Photoshop or Paint Shop Pro. The most common problem you’ll 
have to deal with is a dull, boring image. 

Using Levels To Brighten Up An Image 

Let’s consider the image you see open in Photoshop here. It may 
not show in greyscale, but you can take our word for the fact that 
it doesn’t have much impact, and as with many mountain pic- 
tures, has a blue haze that we simply cannot approve of. 

The solution’s rather simple: we need to play with the Levels 
dialog ( [Ctrl] + [L] ) to get the result we want (which is sharp, 
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vibrant and haze-free). When you open the dialog, you’re present- 
ed with a Histogram, which shows how the colours in the image 
are distributed between fully black and fully white. This will make 
more sense if you choose one of the channels from the drop-down 
menu. The histogram for the Blue channel, for example (shown 
here), shows that the most widely distributed shade of blue is 
around the 50 per cent mark. 

A good histogram covers all intensities— it means that the 
image has pixels that cover the full range of colour for each chan- 
nel. A flat area on the left means that there aren’t enough dark 
pixels, leaving the image looking washed out (which is what we 
have in this case). Conversely, a flat area on the right will look too 
dark and dull. The solution to our problem is to drag the black 
slider from the extreme left to the beginning of the histogram— for 
each channel. This simple activity results in a massive improve- 
ment in the image. 





SI 



The result. You’ll have to take our word for this one too-it’s improved plenty 
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Use the Hue / Saturation dialog to correc the tone of your image 


A Bit Of Colour Correction 

We’ll continue with the image that we get after applying the 
Levels adjustment— the image still has more blue than we’d like. 
For this, we turn to the Hue / Saturation dialog. 

At the bottom of the dialog, you’ll find two colour bars. When 
you drag the Hue slider, the bottom bar moves, and the colours in 
the image that correspond to the top bar get replaced by the 
colour directly below on the bottom bar. For example, if you drag 
the Hue slider so that the yellow region of the bottom bar is below 
the red region of the top, then the reds in the image will be 
replaced by yellows. This is good if your image is filled with a 
colour it’s not supposed to be. 

You can also use this dialog to tone up or down any colour that 
seems to be dominating (or missing from) your image. From the 
drop-down, select the colour you want to manipulate— Yellows, for 
example. When you use the Saturation slider now, you’ll see the 
intensity of the yellows in the image increase or reduce. 
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C ompositing, as the very term goes, is the process of super- 
imposing one image over another image to create a new 
image. Take, for example, an air conditioner manufacturer 
who plans an ad campaign for their latest range of ACs, which 
they claim cools the room well enough to make it really chilly. 
They intend to depict something that seems to make the Eskimos 


COMPOSITING 


DIGITAL IMAGING 


really feel at home. This campaign just comes alive with a bunch 
of Eskimos in backdrop of the icy cold North Pole. But for a sea- 
sonal ad campaign, is it really necessary to go up there? That 
apart, equipment and crew, transport, formalities and other 
ancillary costs would drive the budget way beyond scope. If you 
can get the same effect in a fraction of the cost, what better than 
that? Use Adobe Photoshop and you have a ready and effective 
solution to all your needs. 

3.1 The Concept Of Layers 


While writing this article, it is easy to edit a few words here and 
there without disturbing the rest of the document. But, doing the 
same with images? We doubt in spite of their talent, even 
Michelangelo or Raphael would have preferred to rework! This is 
where layers come into play. Let us take the same example of the 
ad for ACs. Let’s assume we have the close-ups of the AC we want 
to sell. We also have a beautiful backdrop of the ice-laden scenic 
view of the North Pole. Rather than drawing a picture of the AC on 
the frame of the cold environment, the best and time tested 
option is to superimpose the two, such that you can move the AC 
around anytime you want, depending on which location best suits 
your concept. This is possible using layers. Let us take another 
example to understand this better. We all have worked on MS 
Paint. You know how painful it is, if after creating your master- 
piece in it, you were told that you needed the AC on the left 
instead of the right. If you’re working on a white background, you 
might just save your skin, but you may not be lucky that often. 
This is where you get to know the true power of layers— all you’d 
have to do is move the layer on which you pasted the AC. It’s like a 
bunch of transparency sheets stacked together— depending on 
their positioning, you see the final picture. 

Layers are used to reduce the effect of mistakes, and prevent- 
ing the original image from being damaged. You can protect the 
original image by creating the first layer. Create a copy of the back- 
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ground picture by dragging it to the Create New Layer icon. Next, 
create a new blank layer by clicking on the Create New Layer icon 
on the layers pallete. The icon looks like a blank page. Even if you 
go to the brush tool, and draw all over the picture, the original is 
not damaged. If you click on the eye next to this new layer, the 
layer will disappear. Similarly, to bring the layer back, click on the 
empty box. You can also move and hide the layer below the back- 
ground copy. To delete a layer, click and hold down on the layer 
icon and drag it to the little trash icon. There’s our background 
copy and background original untouched. 

There is a lot more you can do with layers. To get familiar, prac- 
tice creating them and moving them around. 

3.2 Alpha Channels And Layer Masks 


Images are made up of three colours— Red, Green and Blue— called 
channels in image-editing circles. All channels are greyscale. If the 
image is going to be used for online content, where it has to be dis- 
played on a screen, then the image is split into RGB channels, 
where R, G and B indicate Red, Green and Blue, respectively. 
Similarly, when the image has to be used for printing, they are 
split up into 4 channels, each for the ink that is used in printing. 
These are Cyan, Magenta, Yellow and Black. 

The greyscale in the channels basically represent the intensity 
of that particular colour. 

3.2.1 Masks 

Pretty similar to what masks do in real life, this principle is very 
actively used in compositing. Masking is used to determine self- 
laid limits to our playing around on the images. For example, with 
several smaller images of friends forming a single image, a mask 
may be used to highlight just the faces. The advantage of this is 
that any amount of altering or even non-inviting attire would not 
show up in the final image! Alpha channels and layer masks are 
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closely related. Be it RGB channels or CMYK channels, when each 
channel is isolated, there are lighter and darker areas in each of 
them. In any channel, there are grey as well as white areas. The 
white areas indicate that there is maximum red content in that 
particular region of the image. Similarly, the black areas indicate 
that there is no red content in that particular region of the image. 
Alpha channels are similar— the difference being that instead of 
corresponding to colour, alpha channels correspond to variations 
in transparency. Therefore, white areas correspond to absolute 
transparency while black areas correspond to opacity in the spe- 
cific regions of the image. 

So what is the advantage of using masks? Well, it is better to 
have no-so-important information hidden, rather than no having 
information that could be required any moment. Put in a sim- 
pler way— it is wiser to hide the birds and a few stray animals in 
the backdrop of scenery that does not seem appealing, rather 
than using an image that doesn’t have any of these elements. It 
is easier to hide, rather than create birds and animals to improve 
the image. 

3.3 Layer Blending Modes 


Layer blending refers to the extent the overlapping layers interact 
with each other to yield the broader final picture. So say you have 
a layer containing the image of a lady, while on the second layer 
you have the image of a fish, you can easily create the effect of a 
mermaid by reducing the opacity of both layers, towards the mid- 
dle. Effectively, the two layers merge towards the centre. 

Tutorial for layer blending modes 

There is a pop-up menu on the Layers Palette, generally untouched 
by newbies to Photoshop— terms such as Multiply and Screen do 
sound unconventional with images— but as you go about playing 
with Photoshop, you see how they fit together. 
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A Closer Look 
In order to get a feel of 
layer blending modes, 
the basic requirement 
is a couple of images 
on two layers. For this 
exercise, we will use 
two images. The image 
at the base layer is the 
star-shaped image, 
while the spiral-shaped 
image is on the upper 
layer. This base image is in Normal mode at 100 per cent opacity. 
The other layer is placed above the base image. We will apply all 
changes to this layer, especially effects like half-opacity. 

Normal 

When a pattern is set at 
normal mode and 100 
per cent opacity, we 
wouldn’t see the shape 
image at all. To get a 
glimpse of the base 
layer, you have to 
reduce the opacity of 
the upper layer. After 
reducing the opacity of 
the upper layer to 50 
per cent, which effec- 
tively means half transparency, the base layer begins to show up. 

Dissolve 

In order to use Dissolve, the opacity of the top layer should be less 
than 100 per cent. 

Multiply 

A colour in an RGB image is made of three colour channels, each 



Reducing the opacity of the upper layer makes 
the base layer to show up 
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You can carry out your operations on the specific 
layer with this menu. 
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of which has a numeri- 
cal value. RGB is an 
additive colour mixing 
system— this means 

that different propor- 
tions of these three 
colours cumulatively 
result in new colours. 

Each channel at full 
strength combines to 
make white and each 
channel at zero 
strength results in Black. For each colour, the maximum value is 
255. The value 255 refers to 100 per cent. 

Now that you have seen the numbers involved with colour, you 
can apply the arithmetic that you know! As the name says, the 
Multiply blending mode multiplies the base colour by the blend 
colour to yield the resultant colour. It always results in darker 
hues. But how could colours get multiplied? It’s precisely the mul- 
tiplication of the values 

Screen 

Now that you have seen 
how the Multiply effect 
works, you will notice 
that the Screen effect is 
exactly the opposite. 

Screen performs the 
exact same multiplica- 
tion steps as Multiply, 
except that every 
numerical value is 
replaced with its 
inverse. 


of the colours. 



Yet another effect with layers 
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Overlay 

The Overlay effect is 
between the results of 
Multiply and Screen. 

However, it lets the 
base image stand out 
more— this is because it 
uses the Multiply mode 
on the shadows, and 
uses Screen on the 
highlights. 

Soft Light 

The soft light effect works by using the blend image as a light 
source (a Soft Light) for the base image. So, if the blend colour has 
a brightness of more than 50 per cent, then the base colour gets 
lightened. Similarly, if the blend image’s colour is darker than 50 
per cent then the base image’s colour gets darkened a little. 

3.4 Creating Collages 



This is between multiply and screen 


Coilaging is the process of pasting various materials not normally 
associated with one another, on to a single surface. This could 
include, parts of photographs, newspaper clippings, bits of 
images— all put together to form a completely different image. 

Coilaging A Garden 
We’ll start with a rather 
plain picture of a gar- 
den, and liven it up— a 
little furniture, a bird 
bath, a bird (well, a rub- 
ber duck), and since 
Easter was not too long 
ago, we’ll even throw in 
an egg. The pictures are 
easy enough to obtain— 



| 


This is what we’re starting with 
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a Google image search— 
but if you want to use 
them for any purpose 
other than personal, 
you’re better off head- 
ing to http://www.morgue- 
file.com. 

1. First open all the 

images in 

Photoshop. One by 
one, click drag the Background layer of each image on to the 
picture of the garden— this will create a new layer for each. 
We’ll start with the furniture, so hide all the remaining layers 
by clicking on the eye icon next to them. 

2. Now to create a mask for the furniture layer. Select the layer 
and click on the Create Layer Mask button at the bottom. Click 
on the mask’s thumbnail to start editing it. Using the paint- 
brush ( [B] ), select black as the foreground colour (hit [X] to 
switch the foreground and background colour) and begin 
painting out the areas you don’t want (the portions of the 
image that aren’t furniture). 

3. Finally, the furniture is too large, so we need to resize it, and 
then place it where 
we want it. To resize, 
go to Edit > 

Transform > 

Scale. Hold down 
[Shift] and drag 
the handles at the 
corner to resize the 
layer. You can also 
move the layer 
around while you’re 
at it. Hit [Enter] 
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when you’re done. 

Hide this layer, and 
make the bird bath 
layer visible. 

4. We’re lucky here— the 
image of the bird bath 
has a simple back- 
ground, so we can 
eliminate it easily 
using the Magic Wand 
( [W] ). Click on the background, and you’ll see that most of it 
gets selected. To include the few spots that aren’t selected, use 
Select > Grow. 

5. Hit [Delete] to clear the background, and keep using this 
method to remove any remaining background areas. Use 
Transform again to scale the layer and place it where you 
want it. 

6. Use the same method for the giant rubber duck and the Easter egg. 

3.5 Stitching Images Together 



A very useful application of compositing is the panorama. 
Nowadays, most digital cameras even implement this as a func- 
tion. Panoramas are a way of covering a much larger area than 
your camera’s capable of by taking photos of parts of the area you 
want to cover, and then merge the photos together. For better 
panoramas, capture the images for your panorama in the vertical 
orientation, and such that they have 50 per cent overlap. 
Photoshop CS3 has a feature that lets you stitch images together 
for panoramas really easily. Here’s how you do it: 

1. Go to File > Scripts > Load files into Stack. This 
lets you open the images that will make up your panorama in a 
single file, with each image on a separate layer. 
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The images are well-aligned, but you can still tell where one ends and the 
next begins 


2. Select all the layers— select the topmost, hold down [Shift] 
and select the last. 


3. Go to Edit > Auto-Align Layers, leave the selection to 
Auto, click OK and wait. Your images will be aligned into a 
panorama, but there will likely be differences in colour tone 
across them. 


4. With all the layers selected, go to Edit > Auto-Blend 
Layers— that takes care of the colour tone. You’re done! 


It’s like you really shot it that way 
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You can’t see them here, but Autostitch leaves a blurry 
seams of two images 


or two at the 


If Photoshop isn’t your cup of tea, there are many programs 
that let you create panoramas with even more ease. One such tool 
is Autostitch (http://www.cs.ubc.ca/~mbrown/autostitch/autostitch.html). 
It’s a tiny 1.1 MB download and has only one function— point it to 
your images, and it’ll create a panorama for you. The results can 
be a little unpredictable, though. 
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Vector Graphics 



N ow that we know something about graphics and images, let’s 
switch to an interesting subtopic— vector graphics. Images are 
of two types— raster graphics and vector graphics. Raster 
graphics are those images in which information about each pixel is 
stored as a sequence of bytes. Vector graphics are essentially images 
in which information is quantized into points, lines, polygons, 
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curves and other geometric shapes and then stored in image files. In 
this chapter, we start with drawing tools, move on to vector graphic 
essentials and then finally see some tools for creating and editing 
vector graphics. 

4.1. Graphics Tablets 


A graphics tablet (or digitising tablet, graphics pad, drawing 
tablet) is a computer input device that allows you to hand-draw 
images and graphics, similar to sketching with pencil and paper. 

A graphics tablet consists of a flat surface upon which the user 
may “draw” an image using an attached stylus, a pen-like drawing 
apparatus. The image generally does not appear on the tablet 
itself, but is rather displayed on the computer monitor. 

Some tablets are intended as a replacement for the mouse as 
the primary pointing and navigation device for desktop computers. 

Early graphics tablets are most commonly known as spark or 
acoustic tablets and are used as a stylus that generated clicks with 
a spark plug. The clicks were then triangulated by a series of 
microphones to locate the pen in space. The system was fairly com- 
plex and expensive, and the sensors were susceptible to interfer- 
ence by external noise. 

Types Of Graphics Tablets 

Passive tablets 

Passive tablets, most notably those by Wacom, make use of electro- 
magnetic induction technology, where the horizontal and vertical 
wires of the tablet operate as both transmitting and receiving coils 
(as opposed to the wires of the RAND Tablet which only transmit). 
The tablet generates an electromagnetic signal, which is received 
by the LC circuit in the pen. The wires in the tablet then change to 
a receiving mode and read the signal generated by the pen. Modern 
arrangements also provide pressure sensitivity and one or more 
switches (similar to the buttons on a mouse), with the electronics 
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for this information present in the pen itself, not the tablet. On 
older tablets, changing the pressure on the pen nub or pressing a 
switch changed the properties of the LC circuit, affecting the signal 
generated by the pen, which modern ones often encode as a digital 
data stream onto the signal. By using electromagnetic signals, the 
tablet detects the stylus position without the need for the stylus to 
even touch the surface. Powering the pen with this signal means 
that devices used with the tablet never need batteries. Wacom’s 
patents prevent their competitors to employ such techniques. 

Active Tablets 

The difference in active tablets is that the stylus used contains self- 
powered electronics that generate and transmit a signal to the 
tablet. These pens rely on an internal battery rather than the 
tablet for their power, resulting in a bulkier pen. Eliminating the 
need to power the pen means that such tablets may listen for pen 
signals constantly, as they do not have to alternate between trans- 
mit and receive modes, which can result in less jitter. 

For both technologies, the tablet uses the received signal to 
determine the distance of the stylus from the surface of the tablet, 
the tilt (angle from vertical) of the stylus, and as well as other 
information in addition to the horizontal and vertical positions. 

Compared to a resistive or capacitive touch screen, a graphics 
tablet offers improved precision, with the ability to track an object 
not touching the tablet, and can gather significant information 
about the stylus, but at the same time is more expensive, and can 
only be used with the special stylus or other accessories. 

Some tablets, especially inexpensive ones aimed at young chil- 
dren, come with a corded stylus, using technology similar to older 
RAND tablets, although this design is no longer used on any nor- 
mal tablets. 

Graphics tablets come with accessories too. The initial acces- 
sories were special mouse-like pucks designed for CAD applica- 
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tions, typically with a clear plastic area containing crosshairs for 
precise tracing of drawings, followed by a basic stylus. Today, a 
graphics tablet is equipped with a stylus for all models and a 
mouse for all but the cheapest or smallest models, and typically 
has a wide variety of other accessories available too. Many tablets 
use a digital data stream to encode information on the pen, often 
transmitting a unique serial number, allowing the software to 
recognize if the user has multiple input devices, and assigns dif- 
ferent properties (brush type, colour, etc) to each device. 

4.1.1. Stylus 

A modern stylus has a pressure sensitive tip capable of sensing 
many levels of pressure against the tablet. A very inexpensive 
tablet might be able to sense 256 levels of pressure, while a nor- 
mal tablet 512 levels, and a professional tablet a full 1024 levels 
of pressure. The increase in sensitivity of the tablet tip allows 
more precise control, especially if software scaling is used to 
allow a large response to a mild increase in pressure. High-end 
tablets also measure the tilt of the pen, giving the angle from 
vertical along both the X and Y axis (typically up to 60 degrees), 
allowing the graphics program to change the shape or other 
attributes of the brush depending on how the stylus is held. 
Some manufacturers also sell a stylus that uses a bail-point pen 
cartridge in the tip, allowing the user to place a sheet of paper 
onto the tablet, and draw a hard-copy on the paper in addition to 
the digitised version. 

4.1.2. Stylus Eraser 

Many modern styli have an eraser-shaped tip on the top of the 
pen, and additional circuitry to allow the pen to be used upside- 
down with the eraser end against the tablet, often very similar 
or identical to the circuitry used for the tip. The pressure-sensi- 
tive eraser is typically assigned a function similar to a real eras- 
er, removing recent or all layers of colouring from the image, 
although it can be assigned other functions, such as a differ- 
ently shaped brush, a selection tool, or some other feature of 
the application. 
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4.1.3. Mouse 

Unlike a regular computer mouse, a graphics tablet mouse is capa- 
ble of being used in “absolute mode”, where the position of the 
mouse on the screen directly corresponds with its physical loca- 
tion on the tablet, or in “relative mode”, where it emulates a reg- 
ular mouse, for high-speed pointing. Graphics tablet mice typical- 
ly contain several buttons, and often pressure-sensitive thumb 
wheels or other controls allow similar capabilities as the pressure- 
sensitive tip of a stylus. Many tablets can also detect the rotation 
of the mouse on the tablet, allowing applications to use this data. 

4.1.4. Puck 

A puck is typically distinguished from a mouse as having 
crosshairs for accurately tracing diagrams, a large number of but- 
tons (12 buttons laid out similar to a telephone pad is not uncom- 
mon), or other features aimed at CAD usage. They are far less 
common than a regular tablet mouse, and are only available for 
some tablets. 

4.1.5. Airbrush 

Some tablets come with a specialty stylus designed to emulate an 
airbrush, often with additional finger-operated wheels to mimic 
the paint flow, nozzle shape, and other adjustments found on the 
genuine article. These are significantly less common than a regu- 
lar stylus, and are often much more expensive. 

4.1.6. Art Pens 

Like a regular stylus, they typically resemble a pen with a pressure- 
sensitive tip, but have additional features, such as allowing the 
tablet to recognize the rotation of the pen in addition to the stan- 
dard tilt and pressure, allowing the application to rotate the 
brush, reshape, or otherwise make use of this additional informa- 
tion, often to generate more realistic brush strokes. 

Graphics tablets, because of their stylus-based interface and 
ability to detect some or all of pressure, tilt, and other attributes 
of the stylus and its interaction with the tablet, are widely consid- 
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ered to offer a very natural way to create computer graphics, espe- 
cially two-dimensional computer graphics. Indeed, many graphics 
packages (e.g. The GIMP, Corel Painter, Photoshop, Pixel Image edi- 
tor, Studio Artist and others) are able to make use of the pressure 
(and, in some cases, stylus tilt or rotation) information generated 
by a tablet, by modifying the brush size, shape, opacity, colour or 
other attributes based on data received from the graphics tablet. 

In East Asia, graphics tablets, or pen tablets as they are known, 
are widely used in conjunction with input method editor software 
(IMEs) to write Chinese, Japanese, Korean (CJK) characters. The 
technology is popular and inexpensive. This technology enables 
natural interaction with the computer in a more natural manner, 
rather than typing on the keyboard. 

Tablets are also popular for technical drawings and CAD, as 
one can put a piece of paper on them without interfering with 
their function. 

Many of the most successful Web comic artists use tablets, 
including Hawk of Apple Geeks, Jorge Cham of Piled Higher and 
Deeper, Tim of Ctrl+Alt+Del and Gabe of Penny Arcade, who use 
graphics tablets to colour directly. 

Finally, tablets are gaining popularity as a replacement for the 
mouse as a pointing device. They are more intuitive to some users 
than the mouse, as the position of the pen on the tablet typically 
corresponds to the location of the pointer on the GUI shown on 
the computer screen. Graphics tablets are available in various sizes 
and price ranges. A6-sized tablets are relatively inexpensive and 
A3-sized tablets are comparatively more expensive. Modern tablets 
usually connect to the computer via a USB interface. 

Advocates of tablets and pens cite relief from occupational 
overuse syndrome varieties such as repetitive strain injury. 
Sufferers of carpel tunnel syndrome also report good results. This 
is because the use of computer mice tends to be very repetitive on 
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the wrist, whereas operating a pen is more natural and tends to 
involve the movement of the entire arm. 

Some interactive whiteboards operate on the induction princi- 
ple with some brands offering high resolution wall size graphic 
tablets up to 95 inch along with options for pressure and multiple- 
input based on different resonance patterns from tuned pens. 
Interactive whiteboards are proving to be immensely popular in 
schools in the UK, US and Mexico. 

Touch screens like those found on some Tablet PCs and the 
Nintendo DSs are also similar, but they normally use optical grids 
or pressure sensitive films instead, and therefore do not need spe- 
cial pointing devices. 

Some of the popular brands of graphic tablets in India are 
Wacom, Duotone, and Genius. 

4.2. Vector Graphics Essentials 


Vector art is an exciting digital art format that creates images 
using mathematical points, angles and shapes. Unlike raster art 
that uses pixel-based graphics to create images, vector art does not 
degrade when it is enlarged. This gives you— the artist, a tool that 
allows you to be extremely precise and creative at the same time. 

Vector graphics (also called geometric modelling or object-ori- 
ented graphics) is the use of geometrical primitives such as points, 
lines, curves, and polygons, which are all based upon mathemati- 
cal equations to represent images in computer graphics. 

Vector graphics is an alternative to raster graphics, which is the 
representation of images as an array of pixels, and is typically used 
for the representation of photographic images. 

Most computer displays translate vector representations of an 
image to a raster format. The drawing software is used for creating 
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and editing the vector 
graphics. The image can 
be changed by editing 
these objects. They can be 
stretched, twisted, 

coloured and so on, with a 
series of tools. The raster 
image containing a value 
for every pixel on the 
screen is stored in memo- 
ry. Starting in the earliest 
days of computing in the 
1950s and through the 
1980s, a different type of 
display, the vector graph- 
ics system, was used. In 
these “calligraphic” sys- 
tems, the electron beam 
of the CRT display moni- 
tor was steered directly to 
trace out the shapes 
required, line segment by 
line segment, with the 
rest of the screen remain- 
ing black. This process was 
practiced several times a second (“stroke refresh”) to achieve a flick- 
er-free or near flicker-free picture. These systems allow very high-res- 
olution line art and moving images to be displayed without the (for 
that time) unthinkably huge amounts of memory that an equiva- 
lent-resolution raster system would have needed, and allowed entire 
sub-pictures to be moved, rotated, blinked, etc. by modifying only a 
few words of the graphic data “display file”. These vector-based mon- 
itors are also known as X-Y displays. 

A special type of vector display is known as the storage tube, 
which has a video tube is similar to Etch-a-Sketch. As the electron 
beam moves across the screen, an array of small low-power electron 
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flood guns keep the path of the beam continuously illuminated. 
This allows the video display itself to act as memory storage for the 
computer. The detail and resolution of the image can be very high, 
and the vector computer slowly paints out paragraphs of text and 
complex images in a few minutes, while the storage display kept the 
previously written parts continuously visible. The image retention 
of a storage display can last for several hours with the vector storage 
display powered, but the screen can be cleared instantly with the 
push of a button or a signal from the driving vector computer. 

Vectorising is good for removing unnecessary detail from a 
photograph. This is useful for information graphics or line art 
(images were converted to JPEG for display on this page). Detail can 
be added or removed from vector art and vector illustrations can 
have their own colours, allowing artists to achieve desired results. 

Modern vector graphic displays can sometimes be found at 
laser light shows, using two fast-moving X-Y mirrors to rapidly 
draw shapes and text on a large screen. The term vector graphics 
is mainly used today in the context of two-dimensional computer 
graphics. It is one of several modes an artist can use, to create an 
image on a raster display. Other modes include text, multimedia 
and 3D-rendering. Virtually all modern 3D-rendering is done 
using extensions of 2D vector graphics techniques. Plotters used in 
technical drawings still draw vectors directly on paper. 

For example, consider a circle with radius r. The main ele- 
ments of information a program needs in order to draw this circle 
are as follows. 

o The following data describe a circle 
o The radius r and equation of the circle 
o The location of the centre of the circle 
o Stroke line style and colour (possibly transparent) 
o Fill style and colour (possibly transparent) 
o Advantages to this style of drawing over raster graphics: 

This minimal amount of information translates to a much 
smaller file size compared to large raster images (the size of rep- 
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resentation doesn’t depend on the dimensions of the object), 
though a vector graphic with a small file size is often said to lack 
detail as compared to an actual photo. 

Similarly, one can indefinitely zoom in to the arc of a circle, 
and it still remains smooth. On the other hand, a polygon repre- 
senting a curve will reveal that it is not really curved. 

On zooming in, lines and curves need not get wider propor- 
tionally. Often the width is either not increased or less than pro- 
portional. On the other hand, irregular curves represented by sim- 
ple geometric shapes may be made proportionally wider when 
zooming in, to keep them looking smooth and not like these geo- 
metric shapes. 

The object parameters are stored and can be modified later. 
This means that moving, scaling, rotating or filling doesn’t 
degrade the quality of a drawing. Moreover, it is normal to specify 
the dimensions in device-independent units, which results in the 
best possible rasterisation on raster devices. 

From a 3-D perspective, rendering shadows is also much more 
realistic with vector graphics, as shadows can be abstracted into 
the light rays forming them. This allows for photo realistic images 
and renderings. 

Typical primitive objects 
o Lines and polylines 
o Polygons 
o Circles and ellipses 
o Bezier curves 
o Bezigons 

o Text (in computer fonts such as True Type where each letter is 
created from Bezier curves) 

This list is not complete. There are various types of curves, 
which are useful in certain applications. 
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Often, a 

bitmap image is 
considered as a 
primitive object. 

From the concep- 
tual view, it 
behaves as a rec- 
tangle. 

Vector graphics 
editors typically 
allow rotation, 
movement, mirror- 
ing, stretching, 
skewing, affine transformations, changing of z-order and combina- 
tion of primitives into more complex objects. 

More sophisticated transformations include set operations on 
closed shapes (union difference, intersection, etc.). 

Vector graphics are ideal for simple or composite drawings that 
need to be device-independent, or do not need photo-realism. 
PostScript and PDF page description languages use a vector graph- 
ics model. 

Advanced vector artists develop more photo-realistic vector art 
every day. Vector art is important for printing. Since the art is 
made from a series of mathematical curves it will print very crisp 
even when resized. For instance, one can take the same vector logo 
and print it on a business card, and then enlarge it to billboard 
size and keep the same crisp quality. A low-resolution raster graph- 
ic would blur incredibly if it were enlarged from business card size 
to billboard size. 

In 3D computer graphics, vectorised surface representations are 
most common (bitmaps can be used for special purposes such as sur- 
face texturing, height-field data and bump mapping). At the low- 
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end, simple 
meshes of poly- 
gons are used to 
represent geo- 
metric detail in 
applications 
where interactive 
frame rates or 
simplicity are 
important. At the 
high-end, where one is willing to trade-off higher rendering times 
for increased image quality and precision, smooth surface repre- 
sentations such as Bezier patches, NURBS or sub-division surfaces 
are used. However, you can achieve smooth surface rendering from 
a polygonal mesh through the use of shading algorithms such as 
Phong and Gouraud. 

An example of vector graphics format is SVG (Scalable Vector 
Graphics), an open standard created and developed by the World 
Wide Web Consortium (and attempts of several corporations) to 
address the need for a versatile, scriptable and all-purpose vector 
format for the Web and otherwise. Another example is VML, a pro- 
posed standard that was adopted by Microsoft. 

Scalable Vector Graphics (SVG), aka “savage”, is an XML specifi- 
cation and file format for describing two-dimensional vector 
graphics, both static and animated. SVG can be purely declarative 
and may include scripting. Images can contain hyperlinks using 
outbound simple XLinlcs. It is an open standard created by the 
World Wide Web Consortium’s SVG Working Group. 

SVG was developed around 1999-2008 by a group of companies 
within the W3C after the competing standards PGML (developed 
from Adobe’s PostScript) and VML (developed from Microsoft’s 
RTF) were submitted to W3C in 1998. SVG drew on experience 
designing both those formats. 



BITMAP OUTLINE 


jpeg gif png 


•svg 


The difference between raster and vector 


82 


EMI FAST TRACK 



VECTOR GRAPHICS 


IV 


DIGITAL IMAGING 


This image illustrates the difference between bitmap and vec- 
tor images. The vector image can be scaled indefinitely without 
loss of image quality, while the bitmap cannot. 

SVG allows three types of graphic objects: 
o Vector Graphics 
o Raster Graphics 
oText 

Graphical objects can be grouped, styled, transformed and 
composited into previously rendered objects. SVG does not direct- 
ly support z-indices that separate drawing order from document 
order for objects, which is a drawback with respect to other vector 
mark-up languages like VML. Text can be in any XML namespace 
suitable to the application, which enhances searchability and 
accessibility of the SVG graphics. The feature set includes nested 
transformations, clipping paths, alpha masks, filter effects, tem- 
plate objects and extensibility. 

While being primarily designated as a vector graphics mark- 
up language, the specification is also designed with the basic 
capabilities of a page description language, similar to Adobe’s 
PDF. It contains provisions for rich graphics, and is also compat- 
ible with the CSS specification’s properties for styling purposes. 
Therefore, unlike XHTML and XSL-FO which are layout-oriented 
languages, SVG is a fully presentation-oriented language. A 
much more print-specialized subset of SVG known as SVG Print 
(authored by Canon, HP, Adobe and Corel) is currently a W3C 
working draft. 

SVG drawings can be dynamic and interactive. Time-based 
modifications to the elements can be described in SMIL, or can be 
programmed in a scripting language (e.g., ECMAScript). The W3C 
explicitly recommends SMIL as the standard for animation in SVG. 
However, it is common to find SVG animated with ECMAScript 
because it is a language that many developers already understand, 
and is more compatible with existing Tenderers. A rich set of event 
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handlers such as onmouseover and onclick can be assigned to any 
SVG graphical object. 

SVG images, being XML, contain many repeated fragments of 
text and are particularly suited for compression. Once an SVG 
image has been compressed, it may be referred to as an “SVGZ” 
image, with the corresponding filename extension. The resulting 
file may be as small as 20% of the original size. 

The use of SVG on the Web is in its infancy. There is a great deal 
of inertia due to the long-time use of pure raster formats and 
other formats like Adobe Flash or Java applets, and browser sup- 
port for SVG is still uneven. However, there are available a number 
of third-party plug-ins available for SVG. 

4.3. Corners And Points In Vector Graphics 


A vector image consists of the anchor points and the segments 
that join them. A single set of anchor points and segments is a con- 
tour and an individual vector object may consist of one or more 
contours and is called a path. 

Segments can be either straight or curved, and anchor points 
define segment ends. Bezier curves are a compact way of mathe- 
matically describing a curved segment, which are based on the 
location of the anchor points that define the segment’s ends and 
on direction lines that describe the angle and length of the curve. 

Anchor points come in two basic types, those with curves 
and those without curves. A sharp corner is called a cusp. A cusp 
or corner point’s curve handles can be manipulated totally inde- 
pendent of each other. That is, moving one has no effect on the 
other. The asymmetric and symmetric anchor points are called 
smooth curves. In the case of asymmetric points, the control 
handles can be lengthened or shortened independent of each 
other. However, if you try changing the direction of one, then 
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the other follow— keeping both handles in a straight line. It’s 
not possible to make the same pointy shape possible with the 
cusp point. 

With a symmetric anchor point, the curve handles behave sim- 
ilar to Newton’s Third Law of Motion: “For every action, there is an 
equal and opposite reaction”. Neither curve handle can be moved 
without the other moving in an equal and opposite direction, 
maintaining the handles at equal length but opposite in direction. 
Change your anchor point symmetrically to get a feel of what you 
can do with a symmetric one. 

The smooth/tangent is a different sort of an animal. If you use 
it on a cusp point with two curves, it simply changes it to an asym- 
metric point. On the other hand, if you use it on a point with lines 
before and after, it does nothing. But when you use it on a point 
that has a curve on one side and a line on the other, it gives a 
smooth transition from a curve to a line by constraining the curve 
handle to the same direction as the line. 

While editing vector images in image editors, you can manip- 
ulate the various anchor points and curve handles. Multiple points 
can be selected to be dragged in unison by either drag-selecting or 
selecting individual points. 

You can adjust the curve handles in a similar fashion by drag- 
ging them in or out to shorten or lengthen them, or in a new 
direction to change the angle of the curve, or both. One end of the 
curve handle on a given point controls the portion of the segment 
on that side of the point. The other side of the segment is con- 
trolled by the end on the other side of the point. 
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4.4. Creating and editing vector graphics 


There are many tools available for editing vector graphics. We see 
two of these in this chapter. 

o Inkscape 
o Corel Draw 

4.4.1. Inkscape 

Inkscape is a free vector image editing tool available. It is very pop- 
ular due to the range of features it provides for vector graphics. 

Basic Features 

There are certain basic features of any vector graphics editor such 
as positioning. Ways of positioning images include on-screen grid 
and guide lines where objects “snap” into alignment, dialogs for 
moving individual objects or for aligning multiple objects, and 
the create tiled clones dialog for placing multiple clones of an 
object. Additional features allow you to scale, skew or rotate an 
object. This section begins with a discussion of the coordinate sys- 
tem of Inkscape, followed by a discussion of the way Inkscape 
describes object transformations. Then, the commands and 
dialogs for transforming objects are discussed. 

One key aspect to know is that transforming a regular shaped 
object or a group of objects by the methods described in this 
chapter does not usually change the underlying description of 
the objects. For example, suppose you have an ellipse that is 100 
pixels wide but you need it to have a width of 50 pixels. There are 
two different ways to achieve the required width. The first is to 
scale the object by 50% in the horizontal (x) direction. The under- 
lying definition of the ellipse width remains 100 pixels but when 
the ellipse is drawn a scale factor of 50% is applied in the hori- 
zontal direction. The second way to change the ellipse is to use 
the ellipse tool to resize the ellipse. In this case, the underlying 
description of the ellipse changes and no scale factor is applied. 
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Shapes 

Inkscape provides a number of tools for drawing geometric shapes. 
The tools for drawing regular geometric shapes (rectangles, 
ellipses, regular polygons, stars, and spirals) are covered here. Path 
(pencil and pen) tools, discussed in the next section, may be used 
to draw arbitrary shapes. The style of an object includes attributes 
that determine how the inside of the shape (fill) and how the 
boundary path (stroke) are drawn. It also includes shape-specific 
attributes such as the number of points in a star. New objects are 
drawn with the current style. The fill and stroke paint colours as 
well as the stroke thickness of the current style are shown for the 
shape and path tools at the right end of the tool controls. 

The Rectangle Tool Controls showing the current fill colour 
(blue) and stroke colour (black), as well as the stroke width (1 pixel). 

While drawing some objects such as arcs, stars, regular poly- 
gons, and spirals, some features such as the orientation of a 
polygon can be constrained to specific angles with respect to the 
centre of the shape and the horizontal axis. These angles are 
multiples of the rotation snap angle. The default snap angle is 
15 deg. It can be set under the steps entry in the Inkscape pref- 
erences dialog. 

Shapes can be scaled, rotated, and skewed. When doing so, a 
transformation is applied to the shape. The internal parameters 
defining the shape such as the width and height of an ellipse 
remain unchanged. This is important to remember if you later 
modify a shape, for example, by editing the XML file directly. 

The star tool includes a randomization feature so that the 
resulting shapes are not regular. The underlying description is still 
based on a regular shape. 

This is not always true for rectangles. If the option optimised 
is selected in the store transformation section of the transforms 
entry of the Inkscape preferences dialog, the x, y, width and 


HSU FAST TRACK 


87 


IV 


VECTOR GRAPHICS 


DIGITAL IMAGING 


height attributes will change rather than adding a transformation 
matrix for simple translating and scaling operations. 

Paths 

Paths are arbitrary shaped objects. Examples of paths are bezier 
curves and free-hand curves. In this chapter we first see some path 
terminologies and how paths are described in Inkscape, and then 
see how paths can be created, and finally how paths are edited. 

Paths can be either open (have two ends) or closed (have no 
ends). They can also be compound (composed of separate open and 
/ or closed paths). 

Paths differ from shapes in that there is no predefined structure. 
For example, a rectangle shape is defined in terms of a width and 
height with an x and y offset. A corner point cannot be moved inde- 
pendently of at least another corner point. A path, in the shape of a 
rectangle, consists of the coordinates of the four corner points. A sin- 
gle corner point can be moved by itself with the resulting shape no 
longer rectangular. A regular shape can be converted into a path. 

Filters 

Filter effects are a feature of SVG that allow an SVG viewer to change 
the presentation of an object in a well-defined manner by adding 
texture to a fill, giving an object a blurred shadow, or modifying the 
object’s colour. Inkscape supports the Gaussian Blur filter. 

Inkscape can be enhanced by effects. These are scripts or pro- 
grams that can be run from inside Inkscape. Most effects require 
external programs, usually written in Perl or Python. 

4.4.2. Corel Draw 

CorelDraw is another great vector image editing tool which is very 
popular. It not only has the basic features of skewing, flipping and 
rotating objects, but also a few others as well. 
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Brightening 

Lets you brighten and darken object areas and set the levels of 
brightness and darkness. 

Color add 

Lets you simulate a light model by shining three spotlights— red, 
blue and green on a black background. You can choose the colour 
and the intensity of the colour you want to add. 

Color limit 

Lets you view an object area with only black and the lens colour 
showing through. For example, if you place a green colour limit 
lens over a bitmap, all colours except green and black are filtered 
out in the lens area. 

Custom color map 

Lets you change all the colours of the object area beneath the 
lens to a colour ranging between the two colours you specify. You 
can choose the start and end colours of the range and the pro- 
gression between the two colours. The progression can follow a 
direct, forward or reverse route through the colour spectrum. 

Fish eye 

Lets you distort, magnify or shrink the objects beneath the lens, 
according to the percentage value you specify. 

Heat map 

Lets you create the effect of an infrared image by mimicking the 
heat levels of colours in object areas beneath the lens. 

Invert 

Lets you change the colours beneath the lens to their complemen- 
tary CMYK colours. Complementary colours are colours that are 
located on opposite sides on the colour wheel. 

Magnify 

Lets you magnify an area on an object by an amount that you spec- 
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ify. The magnify lens overrides the original object’s fill, making 
the object look transparent. 

Tinted Grayscale 

Lets you change the colours of object areas beneath the lens to 
their greyscale equivalents. Tinted greyscale lenses are particular- 
ly effective for creating sepia-tone effects. 

Transparency 

Lets you make an object look like a piece of tinted film or coloured 
glass 

Wireframe 

Lets you display the object area beneath the lens with the outline 
or fill colour you choose. For example, if you set red for the outline 
and blue for the fill, all areas beneath the lens appear to have red 
outlines and blue fills. 

This concluded the chapter on vector graphics. There are more 
tools available than those described here on all platforms includ- 
ing Linux and the Macintosh as well. 
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5.1 Introduction 


Online resources can be classified based on different types of 
information that they contain. The broad types are: 

Knowledge Web sites: 

These discuss the basic aspects of digital imaging, design, the 
intersection of geometry and art, software and hardware, etc. Web 
sites that carry information about the applications that are the 
tools of the trade are also clubbed in to this chapter. 

Tutorial Web sites 

These offer tutorials regarding the use of different applications in 
the digital imaging arena. Web sites offering downloadable con- 
tent like Plug-ins that enhance the capability of an application can 
also be clubbed in to this category. Similarly, Web sites conducting 
online contests test one’s mastery of an application, and also come 
under this genre of resources. 

Showcase Web sites: 

These sites enable artists to display their art, and appreciate the 
work of other fellow artists. Some websites also make it easier for 
visitors to the gallery who like a piece of art to buy it online. 

Networking/Collaboration Web sites: 

These are places where digital imaging aficionados can meet and 
exchange ideas. The numerous forums found online are also filed 
under different sections really help in this. Incidentally, probably 
because of the graphical nature of the subject, newsgroups are not 
a preferred place for discussion. Various newsgroups dedicated to 
different applications are not as active as the forums mentioned 
here are. 

We shall tackle the Web sites of the first category in this 
chapter. We will see the remaining categories in the two chapters 
that follow. 
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It’s a cliche, but the best site to find any information online is 
Google.com. Most of the Web sites listed here have been discovered 
through a direct search on Google. Since it’s not practically possi- 
ble to cover all the sites thrown up by the search engine, the 
search terms we employed are mentioned for you— the enthusias- 
tic reader to pick up the trail. Most of the sites mentioned here 
also have a healthy list of links that connect to other sites that con- 
tain information. 

In the pages following, we will refer to the activity of employ- 
ing a computer to create/alter digital images. So Digital Imaging, 
Computer Graphics, Digital Art, Image Editing, etc. are synonyms. 

5.2 Knowledge Web sites 


Digital Imaging— whether 2D or 3D, whether involving the modi- 
fication of an existing image or creating a virtual scene from 
scratch, whether dealing with the creation of icons to be used in 
Web pages or creating more serious art work, whether employing 
the most expensive piece of software or using free alternatives, it 
all requires knowledge of certain basic principles, besides mastery 
in the application. The Web sites suggested in this section contain 
information that answers most basic questions. Search phrases 
employed by this reviewer are: digital, art, basics, design, imaging, 
graphics, terminology. 

5.2.1 What is Digital Art? 

The following Web sites give an idea of the different activities that 
are presently clubbed under “Digital Art”. 

http://design.osu.edu/carlson/history/lessons.html 
This site offers a comprehensive and illustrated look at the evo- 
lution of the field of Computer Graphics. It tracks the progress of 
this field from its origins in the first display units for mainframe 
computers to its present application in various fields like CAD, 
Animation, Movies etc. Important landmarks in the development 
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Section Index 

A Critical History of Computer Graphics and 
Animation 
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Hie History of competing technology 



Section 2 

The emergence of Compiler Graphic* technology 



Section 3 

The Compiler Graphics indnstry evolves 


dt 


Section 4 

Basic and appEcd research mom the indnstry 





Get your history lessons here! 


of this industry are described, for example how the term 
“Computer Graphics” was coined by William Fetter to describe 
the work he did at Boeing which involved creating graphical 
human body simulations to study ergonomics. Fetter is also cred- 
ited with creating the first Computer Graphics TV commercial. 
The prose and images are supplemented with interesting 
QuickTime videos of the important events. (The QuickTime plug- 
in is needed to view such videos). The site is a must read for any- 
one interested in digital art. 
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http://www.dfasnni.org/digitalarts.htm 

This is the Web site of the Digital Fine Arts Society, New Mexico 
and offers a brief description of the different forms of activities 
that come under the “Digital Art” umbrella. 



Fint Art Society of A/«w Mexico 

Han* Uortlh tih.kh Abort Dipiii On MtnWn fata Uaki Carton 



About Digital Firm Art 


Finn artist* arm omhrarmg tha uxo of computer tool* and expanding the limit* of their 
visual exploration Digital Fine Art produced on the computer and printed archivally 
[not video, animation or multi-media art] fate mto three basic categories: digital 

painting, digital photography & darkroom, and fractal*. In those categories ara tavaral 
subcategones And of course, the computer atows the artist to mix all of these 
practices together to the de*ght of the artistic soul. 


Digital Painting 



3D: The artist craata* 30 imaga* totaty m tha computar virtual 
environment with the use of paintmg tools that emulate natural 
media styles. Sometimes referred to as ‘Natural Media*. 



3D: The artist uses 30 modeling and rendering 
software to essentially sci/pt in virtual space. Tins 
method also makes use of all of the other methods 


Digital Photography 



The artist uses a digital or conventional camera. The photographs are digitized and 
translated to lire computer environment where the artist uses image editing and 
special effects software to perform darkroom type manipulations. 


Refine your techniques at the DFAS 
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5.2.2 Basic Principles of Digital Imaging 

The following Web sites shed light on the jargon and peculiarities 
of digital media. Terms and concepts like pixels, RGB, resolution, 
etc are central to understanding digital imagery. 

http://dx.sheridan.com/ advisor/main.html 

This site gives a good grounding of the different aspects of digital 
imaging. Topics like Image Resolution, Image types and file for- 
mats, File compression. Bit depth, Colour Schemes, Vector and 
Raster graphics, etc are covered here. The concepts are well 
explained with images. 



Get with the jargon-busting 
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http://www.tasi.ac.uk/advice/creating/creating.html 
This site belongs to an organisation called Technical Advisory 
Service for Images and takes a thorough look at different aspects 
of digital imaging. The advice is suitably modified to satisfy the 
inexperienced user as well as the experts. While there is some 
overlap with the content in the site mentioned above, the “In- 
depth reports” available on the site are more detailed with charts, 
figures and statistics quoted liberally. Some topics discussed in the 
previous chapter like the article on Image Editing 
(http://www.tasi.ac.uk/advice/creating/imgedsw.html) are more compre- 
hensively covered and are quite useful. 



Technical Advisory Service for Images E3 

Home Advice Training Helpdesk Resources Glossary Image Sites Blog 


Advice 


Advice - Creating Digital Images 


P Managing Digitisation Projects 


Introductory Information 

Advice suitable for new and experienced users: 
& Selection and preparation of mat- 


Creating Digital Images 


Delivering Digital Images 


P I inding and Using Digital 


^Vector and Animated Graphics 


In-depth Reports 


O Chofisnn a file format 
O TIie Canieia Raw file toimat ESP 
Q 1 File naming 

G Basic guidelines for image capture and optimisation 


It’s like an encyclopedia for image-editing advice! 
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glossary home 


design 


pre -press 


| D««ign Tutorial* 
Reviews of Online 
| graphics software 
training, design 
schools and tutorial 
resources. 

In Design Training 
Adobe InDesign 
tutorials. Review of 
CO. DVD and online 
courses. 

Quark Training 
Software courses in 
QuarkXPress. 
Adobe Photoshop 
Tutorials 

Studying Photoshop 
via CO. OVD and 
web- based courses. 
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http://www.designtalkboard.com/glossary/ 

The site offers a thorough coverage of the different jargon associ- 
ated with digital imaging and printing. The navigation is a bit 
quirky with a lot of extraneous text strewn all around. A few clicks 
and some searching could’ve been avoided with some more organ- 
ising in the site. The terms are categorised under different head- 
ings like design, software, web design, etc. Under each heading, 
the terms are categorised alphabetically. The terms under each let- 
ter are revealed only after clicking on the relevant link. 
Nonetheless, this initial hiccup is easily overcome. Since the num- 
ber of terms covered is large, it is much easier to use the search 
box to quickly pieces of jargon. 


Even more jargon-busting... 
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aphic design glossary, definitions and <Jictionary_of lerms. 


lerence guide and resource Tor design students, researchers and creative professionals wishing to 

ck up on unfamiliar terms, 


These glossaries aim to cut through the jargon to bring you accurate 
definitions, explanations and examples ot common design terms and 
concepts. 

To help you find the best definitions, we have divided these resources up 
into several industry related dictionaries and glossaries. However, 
graphic design, pre-press and web design terminology are all relative 
terms, with a huge amount of overlap. 

Some terms are as much at home in the fonts and typography section as 
they are in the creative concepts glossary, or in the design software 
glossary. 

In much the same way, the divisions between printing technology 
definitions and color theory and pre-press terminology are often very 
slight, or even overlap. With this in mind, please feel free to make use of 
the design glossary search function. 

If you are researching for a summary of graphic design terminology, or 
just a definition, you may also want to have a look at our descriptions of 
design job titles, or our article entitled 'What is graphic design?'. 

Please also, feel free to link to any part of this glossary or email the links 
to a friend or colleague. We also don't mind you quoting from one or two 
of these definitions, for a piece of research, or an article- However, if 
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5.2.3 Basics of Design 

While “beauty is in the eyes of the beholder”, some fundamental 
features are common to most art works that are regarded as good 
or beautiful. The following sites shed some light on the funda- 
mental design aspects of a good or beautiful piece of art. 

http://char.txa.cornell.edu/ 

This is an interactive textbook titled “Art, Design and Visual 
Thinking”. It thoroughly discusses the different elements of visu- 
al design. The textbook is divided mainly into two sections— 



Read this online textbook from Cornell 


Language of Design and Media of Design, of which only the former 
is relevant in our case. Over the course of three chapters— 
Elements of Design, Principles of Design and Creativity and the 
Design Process, the site offers an incisive look at all the aspects of 
visual design that are important to any visual artists— digital or 
otherwise. The pages are loaded with images that aid comprehen- 
sion, and there are links to other informative sources. The chap- 
ters can be accessed from the menu on the left sidebar. The page 
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uses frames, which can be a problem with some browsers. This site 
is highly recommended. 

http://www.digital-web.com/types/design_in_theory_ 

and_practice/ 


9 tcsV^WK .dgtal-we6.com/ 


• 6d 


DIGITAL WEB 


Parades by date 
o nodes by autfm 
□ ai&deabyeee 
d nudes tn tyw 



PubWiino services provided by 


This week 

South Bv South West Sketchnotes 

In: Artldw 

H Hod enough of the South By South West coverage yet? Yes? Tough 
luck — we've got one more SXSW goodie for you (but we promise this 
is the last one). Designer Mike Rohde took time out to talk to Digital 
Web about the motivation and process behind his popular ’sketchnotes" 
technique, and we're pleased to present some of the highlights from his 
Austin trip here. Read more * 

B Published on Marrh 18. ?008 a Mike RoM 


1 think the sketchnote style 
works best for awakening 
concepts from talks in 
attendees' minds even 
months after the fact, yet 
are fuD and clear enough 
that even those who didn't 
attended the talk can find 
useful ideas in them. 


Pubkabon managed wilh ate help 


Beansta* contest Closed! 

Rrst many thanks to all our participants in our 
contest for free accounts with Beanstalk* The 
contest is now closed. We will be judging the 
comment entries tomorrow, and posting the 
winners shortly! 

Secondly, we have a special post- SXSW treat 
for our readers. Designer M|_ke : shares 

mode during some of the best panels of 
Southby. We put together a small collection of 


Get to know the principles of good design here 


This is a starting page for three articles that are worth reading— 
’’The Principles of Design”, “The Elements of Design” and “Color: 
An Investigation”. They offer a decent review of the fundamental 
principles underlying good design. Though the Web site focuses 
on Web site design, the principles discussed here are universally 
applicable. Those not keen to wade through the previous Web site 
can make do with the information in this one. 

http://www.istoclcphoto.com/article_view.php?ID=13 
This is the Web site of the online photo sharing and printing por- 
tal— istockphoto. The importance of composition in images is dis- 
cussed in detail in this article, which is spread over 5 pages. The 
mathematical basis for some of the rules of composition is 
revealed here. 
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iStockPhoto also has this section on composing photos 


5.2.4 Application Options 

Photoshop is synonymous with digital imaging. Unfortunately, with 
a price tag of about Rs 20,000, it is not everyone’s cup of tea. 
Additionally, being a product targeted at professionals, the chances 
that a lay user will ever use its vast array of features are remote. 
There are many applications available at a fraction of the cost- 
including a toned down version of Photoshop called Photoshop 
Elements. Besides, there are entirely free options that perform an 
equal or better job, in most instances. The emphasis in this section is 
on offering information on the options available. As the links that 
follow will testify, there are many applications that are active in the 
digital imaging arena, and each has its own strengths and weak- 
nesses, and associated costs. It is up to you to search for specific 
reviews of a particular application, and to find if fits the bill. Since 
it’s not practical to track down and mention image editing software, 
we have only mentioned the following sites that offer a sufficiently 
large pool of options for you to start evaluating. While the popular 
applications like Photoshop and Paint Shop Pro make an appearance 
in every list, it is the rest of the list that deserves attention. 
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Search Phrases employed: graphic, photo, image, digital, edi- 
tor, 2D, 3D, eg, applications, software 

Some sites where digital imaging software options are dis- 
cussed are mentioned next. 


http://www.steves-digicams.com/digsoftware_editors.html 
Since this is primarily a digital cameral review site, the software 
mentioned on it is mostly related to photography, and is present- 
ed as tools to polish a digital image. Nonetheless, the list contains 
major 2D image editing software and alternatives along with a 
brief review of its capabilities. Freeware and paid software, both 
find mention. 


OC^ 


f 


rfltmoar /myoiz/rrav /ter/cnr 



staars Skutitm, 


Digicam Software 

Note that we only provide these links as a service to our readers 
we are not responsible for nor can we offer support for these programs. 


Graphic Editors 


Adobe Photoshop CS for Windows or Macintosh users 

It's the best photo editor available and also the most expensive! Supported by tons of plugin 
filters, used by more pros than any other graphic editing program and for good reason, it’s 
awesome* Photoshop CS now includes an improved Adobe Camera Raw that airports ewn 
more images from Canon. Fup. Minolta. Nikon, Olympus. Pentax and Sony cameras Improved 
file browser shadow/high light correction, text on a path, 16-brt support, layer comps, Flash file 
export, match color command and much more. 


Everything you wanted to know about digicams (and some things you wanted 
ot know about Steve) 


http://www.xtort.net/graphics-freeware 

This site briefly describes the features of many free graphics soft- 
ware. The applications are categorised into different types like 3D 
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graphics freewai 


3D graphics 
animation tools 
CAD graphing 
color pickers 
digital camera 
software 

digital imaging tools 
flash software 
font tools 
fractal tools 
graphics editors 

image filters 
image viewers 
panorama software 
photo aSnim 
software 
screen capture 
software 
vector editors 


Make free voice and 
video calls to anyone 
else on Skype 
Cal landKnes and mobile 
phones at low rates! 
get Skype free with 
Google Pack! 

Get essential 
software with Google 
Pack. 


graphics freeware 


The top picks in free graphics software 


internet & network 
multimedia 

office and productivity 


reader polls: 


POV-RAY added 9/5/2001 

Program for creating sophisticated 3-D graphics. The Persistence of Vision Ray 
Tracer (POV-Ray) is an all-round excellent package, but there are two things 
that particularly make it stand out above the rest of the crowd. The source is 
distributed so you can compile it on virtually any platform. POV-Ray is based 
on David Buck's original ray tracer, DKB-Trace and has been (and sti is) 
developed and supported by a whole crowd of people on CompuServe 
Graphics Developers' fomm. 


• Movable Type 
: • WoidPress 

• b2evolution 

• Textpattem 

• Nucleus CMS 


xtort the best graphics editors 


Graphics, Graphics Editors, Fractal tools, Vector Editors, Digital 
Imaging tools, etc., which can be accessed from the left sidebar. 
Roughly about 150 applications are covered under all categories. 


The list has been created a long time back, with links that go 
way back to 2002. However, some links to applications are broken. 
Nonetheless, it offers a bird’s eye view of the available FREE 
options in this field. 

http://graphicssoft.about.com/cs/imageediting/tp/ 

This is the starting page containing links to four informative arti- 
cles. The articles are titled “Top 8 Free Photo Editors for Windows”, 
“Top 5 Beginner Photo Editors for Windows”, “Top 5 Advanced 
Photo Editors for Windows” and “Top 10 Budget Photo Editors for 
Windows”. Each of the articles offers a brief review of the applica- 
tion, along with a link with the detailed review (if the application 
has been reviewed) and a link to the publisher’s Web site or online 
shop (if the application is not free). A reading of the review of 
Paint.Net, a free application is recommended. 
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More software resources at About.com 


This page also has links to other resources specifically for 
imaging applications like Adobe Photoshop, Adobe Illustrator, 
Corel Paint Shop Pro, Corel Painter, etc. These can be accessed 
from the left sidebar. 

About.com while an excellent source for information has the 
tendency to break up the content into small chunks and spread- 
ing them over too many pages, the obvious motive being to feed 
more ads to viewers. This is a major annoyance and prevents us 
from recommending the site often. For more patient readers, we 
would strongly recommend visiting the many links present on 
this page that contains information on different aspects of dig- 
ital imaging. 

5.2.5 Application Reviews 

A head to head comparison of the features of many digital imag- 
ing applications is hard to come by. It is more common to find 
reviews of single applications. You then have to collate the infor- 
mation spread over several reviews to conclude which application 
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is more apt. Also, it is easier to find user reviews of free applica- 
tions than their paid counterparts, which is quite ironic, since we 
can all download and install all free alternatives and arrive at a 
more relevant conclusion. 

In this section we shall overlook sites offering reviews of free 
alternatives, since they are easily available. Almost every site that 
allows downloading applications offers a review of the applica- 
tion, besides allowing other users to comment. For example, sites 
like freewarefiles.com, download.com, snapfiles.com, 
majorgeeks.com, etc have a dedicated section on freeware graph- 
ics editors. 

Search terms employed: xyz review, compare (replace xyz with 
the application name) 

http://www.digital-photo-software-guide.com/ 

photo-editing-software-review.html 

This site takes 7 digital imaging applications, namely Zoner Photo 
Studio, Photophilia 

Photo Brush, Paint Shop Pro, Photoshop Elements, Ultimate 
Paint and PFS Photo Tools. These give a comparison of the capa- 
bilities of each application across different parameters that are 
of importance. Some of the parameters considered are resizing, 
rotating image by small angle, changing image parameters like 
colour, saturation, etc. Except for the absence of other popular 
image editors like GIMP, this comparison is really a good refer- 
ence for anyone looking for an application to accomplish a 
graphic editing task. 

http://www.consumersearch.com/www/software/photo-editing- 

software/index.html 

This Web site has a tagline “Reviewing the Reviews”. In fact, this 
site does the collation part mentioned in the section’s introducto- 
ry paragraph, easing your burden as the reader. This particular 
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Cons um enS^r^, Got,8le 

R'-v in a Hie Reviews 


■31 

Web • ConsumerSearch.com 


Photo-Editing Software Reviews 

You arc Kara; Software » Photo -Editing Software 

Best Photo-Editing Software Reviews: (out of 20) 

PC Magazine. Which.co.uk. Consumer.org. nz 

Best Photo-Editing Software: (out of 29) 

Adobe Photoshop Elements 6, Google Picasa, The GIMP 


Updated December 2007 


1 Fast Answers - Best Photo-Editing Software 1 

Top Rated 

What the Research Says 

• Adobe Photoshop Elements 6 
(•est. $80) 

» Where to buv 

Best photo-editing software overall. In the latest 
reviews. Adobe Photoshop Elements 6 pulls ahead 
of its main competition, Corel Paint Shop Pro X2. 
We did find a few complaints that users have to 
bounce between two different areas for many tasks. 


Use ConsumerSearch to help you decide 


Web page offers a “meta” review of Paint Shop Pro, Photoshop 
Elements, Photoimpact, etc. 


Many tutorial sites mentioned in the next chapter also have 
links to product reviews. 

5.3 Conclusion 


There is no dearth of online resources on digital art. With the 
knowledge of the fundamentals of the craft and the choice of 
tools, what the user needs next is knowledge these tools. We will 
deal with this in the next chapter. 
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N ow that you’re loaded with knowledge, putting it to good 
use ought to be easy. While you go through these sites, 
you’ll find the things you learnt in the previous chapter 
come up and make sense (more so if they didn’t when you first 
read them). 



VI Itutorial websites 


DIGITAL IMAGING 


6.1 Introduction 


In this chapter, you will learn of sites where you can find infor- 
mation on the how-tos for applications in imaging. We hope that 
the previous chapters have helped you find the applications that 
suit your needs. Besides, we hope that the websites in this chapter 
help you in accomplishing those tasks. 

Once again, we can comfortably rely on Google for answers. 
Using search phrases like “xyz” tutorial (replace “xyz” with the 
digital imaging application of your choice), you can easily find 
tutorials for any particular application. 

Photoshop is the most popular digital imaging tool by far, and 
an abundance of tutorials on Photoshop corroborates this fact. 
However, only a few websites specialise on a particular application. 
Most tutorials are accompanied by screenshots only, but a few web- 
sites also offer video tutorials as well. Another feature is the link- 
ing mania seen in many sites. Sites which boast of large collection 
of tutorials in fact do not host the tutorials themselves, but rather 
only link to the site that has the information. So, it is natural that 
the same tutorial will be linked to from many sites, thereby 
increasing the tutorial count of linking sites, but not indicating 
proportionately increased knowledge. 

Let us emphasise here, that this is not an exhaustive list and 
does not cover all the applications in the digital imaging arena 
nor does it cover all the sites offering tutorials on digital imaging 
applications. Also, in addition to the sites mentioned in this chap- 
ter, some of the sites you have come across in the other chapters 
also offer tutorials. 

Also note that with screenshots and all the associated graphics 
involved, the page sizes on these websites tend to be massive, usu- 
ally a couple of megabytes in size. Video tutorials are in different 
formats— mostly Flash Video, QuickTime and RealPlayer— so the 
browser needs to have the requisite codecs to view them. Needless 
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to say, a broadband connection will reduce waiting times 
immensely. 

6.2 Tutorials 


6.2.1. http://www.good-tutorials.com/tutorials/ 



This site has links to over 15,000 tutorials just on Photoshop. 
Tutorials for other imaging applications, like Adobe Illustrator 
and Flash are also available. This site sets the mood of the type of 
sites that are to follow, by simply offering links to the sites having 
the tutorial. The tutorials are categorised by the application name, 
the site tracks statistics about the tutorial’s popularity like the 
number of people who visited the tutorial and the rating given by 
users like you. The tutorials can be sorted according to date, clicks, 
rating etc. which makes it easier to find what others are doing. The 
major drawback of this site is the absence of a search function, 
which could have otherwise made it easier to get to the desired 
tutorial. You can overcome this by employing Google’s Advanced 
Search option, and restrict results to the good-tutorials.com 
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domain. To do this, visit the Advanced Search link on the Google 
page, and enter the domain name in the text box that reads 
“Search within a Site or Domain”. While there is an abundance of 
Photoshop tutorials, they do not pertain to the same version. Since 
older tutorials are designed for older versions, they may not be of 
use to users of a later version. 


6.2.2. http://www.pslover.com/ 



Love PS? Join the community! 


This site is from a rare genre of single application tutorial sites. 
It boasts of a tutorial database only on Photoshop that is more 
than 11,000 tutorials strong! Much like good-tutorials.com, 
which we have just seen, this site too is merely a listing site with 
the tutorial actually hosted on a different site. The tutorials are 
classified into different categories like Special effects, text 
effects, photo effects, etc. If needed, the entire tutorial list can 
also be browsed. Tutorials are also rated according to the level of 
expertise required. 
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Thankfully there is a search function, which makes it easier to 
find a particular tutorial. Pslover also allows users to save a tutori- 
al as a favourite, for quick access later. To activate this feature 
though, a user needs to register. Finding the Register button is an 
uphill task, and the only place where this seems to make a pres- 
ence is when the Login link is visited, under the Members section 
in the left sidebar. The site also allows tutorials to be rated by 
users, for which registration is not needed. A question and answer 
feature allows you to post a question which will be answered by 
other users. This is still in beta phase. 

Other benefits of registering are that you can upload your art- 
works on to the pslover gallery. There already are about 40,000 art 
works on display in the gallery. The site sets a size limit of 200KB 
for the uploaded image. Registered users can also upload their 
Photoshop files (.psd) for other users to work on and such files are 
called Renders on the site. Downloading renders does not require 
registration. Pslover also has a forum where registered users can 
find and interact with other pslovers. The usefulness of the ques- 
tion and answer feature is questionable, since a forum can be used 
for similar purposes. One attraction of the forum is the active user 
challenge sub-forum, where anyone can start or join a contest. 

6.2.3. http://www.tutorialized.com/tutorials/ 

This site offers tutorials on many applications, but the maximum 
number of tutorials is for Photoshop— over 8,750. The other appli- 
cations covered include GIMP (97 tutorials), Illustrator (188 tutori- 
als), 3DS Max (815 tutorials) and Maya (222 tutorials). Besides these 
Graphics applications, you will also find tutorials for other non- 
graphic applications— Dreamweaver, Java etc. In all, there are over 
18,000 tutorials on the site. 

The tutorials are classified on the basis of application and 
under each application the tutorials are further categorised 
according to their main function— like Drawing, Photo effects etc. 
This site too, merely links to hosts offering the tutorial. The site 
lets you rate and rank a tutorial, and tracks the number of users 
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Get Tutorialized! 


who viewed it. This helps in finding the popular tutorials can be 
searched, which is a useful feature. The site also has a forum 
where you can exchange ideas. You have to register to post on the 
forum. As a registered user, you can also submit links to tutorials. 

6.2.4. http://www.pixel2life.com/tutorials/ 

This site offers tutorials on Photoshop, Flash, PHP and 3D Studio 
Max. On the site, one can find over 6,750 Photoshop tutorials most- 
ly as links to other sites, although a small minority is hosted on 
Pixel21ife. There are about 500 tutorials on 3D Studio Max, and 
about 1,800 tutorials on Flash. 

The link to the tutorials is on the top banner. Clicking on the 
application name link brings up the tutorials in that application. 
The tutorials are further divided into different categories. The 
site offers you with a search feature to zero in on the desired tuto- 
rial quickly. 

The tutorials are listed along with statistical details like the 
number of users viewing the tutorial, number of users who have 
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saved it, the rating given to it by users, etc. Compared to other 
tutorial linking sites, Pixel21ife is quite forthcoming about the 
source of the tutorial, listing the source site name quite promi- 
nently in the tutorial’s description. 


To be able to post in the Forum, you need to register. Other reg- 
istration benefits include the ability to rate a tutorial, the ability 
to create and locally host a tutorial, and the ability to mark a tuto- 
rial as favourite for easier retrieval later. To create a tutorial, use 
Write link on the top bar. A rich text editor is provided for adding 
the tutorial content. 


The forum offers few surprises. For one, it allows users to 
upload their artwork. Thus, it acts as a gallery, though the nav- 
igation is infinitely more difficult compared to a conventional 
gallery. You can also upload tutorials on the forums. There are 
sub forums offering tutorials of applications not available on 
the main page. Downloadable content is also available on 
the forum. 
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6.2.5. http://www.cgtutorials.com/ 



CG Tutorials for the more advanced... 


This site offers tutorials on many graphic applications. To name 
some, Adobe Photoshop, 

Autodesk Maya, Autodesk 3DS Max, Blender, Bryce, CorelDraw 
and Macromedia Flash. Needless to say, Photoshop has the highest 
number of tutorials at 3,600. Other applications with a sizeable 
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number of tutorials are 3DS Max with about 1,500 tutorials and 
Flash and Maya at about 500 tutorials each. 

The application menu is to the left. All tutorials for an appli- 
cation are further sub-divided into different headings. As in the 
case with others, the site merely lists the links that take you to 
the actual site where the tutorials are hosted. The site has a 
search feature making it easier to find the desired tutorial. You 
can rate tutorials and also add comments about it making it eas- 
ier for other users to decide the relevance of the tutorial before 
visiting it. 

You can rate or add a comment about a tutorial without hav- 
ing to register. You can also add a tutorial to the site’s listing. The 
site offers rewards for adding tutorials, though what this reward 
actually is not readily revealed. But, this benefit is available only 
to registered members. So there is an incentive to be a member of 
the site. Unfortunately, signing up can be painstaking. A visitor is 
redirected to another site-3DK.org for registration. After signing 
up, the same username and password can be used to login at cgtu- 
torials.com. Unfortunately, as far as this reviewer is concerned, the 
login was unsuccessful at cgtutorials.com for unknown reasons, 
even as 3DK.org had no similar problems. 

6.2.6 http://www.cg-links.com/index.php 

This site has about 4,500+ links for tutorials. Various 2D and 3D 
applications are covered, for example Photoshop, CorelDraw, 
Illustrator among 2D applications and 3DS Max, Blender and Bryce 
among 2D applications. 

Tutorials on Photoshop are about 1,300. Other applications 
that are well covered are 3DS Max with about 1,200 tutorials, 
Maya with around 400 tutorials and Lightwave with around 
100 tutorials. 

The tutorials are categorised application wise, and tutorials 
of the same application are further divided based on their func- 
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tion. Tutorials can be rated by users, and the number of users vis- 
iting a tutorial link is also tracked. You can also submit a tutori- 
al to the site. 


Besides the tutorials, the site also offers free downloadable 
content like Textures, 3D models, Photoshop brushes and files. 
There are also links to Plug-ins for various applications. 
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6.2.7. http://www.gimp-tutorials.com/ 

This is probably the largest GIMP tutorials site, with about 750+ 
tutorials. The tutorials are hosted on different sites, and mere- 
ly linked to gimp-tutorials.com. The tutorials are further classi- 
fied under different headings like Effects, Designing and Photo 
Retouching. Users can rate the tutorial, and the number of 
users who have visited the particular tutorial is mentioned 
alongside. There is a search box on the site which makes it eas- 
ier to find the desired tutorial. You can also submit links to 
tutorials to the site. 



Get your tutorials for everybody’s favourite open-source graphics editor 
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6.3 Contest Sites 


These are sites which either keeps track of contests being held on 
other sites or hold contests themselves. The emphasis in this sec- 
tion is on contests that are open to all individuals, have no entry 
fees, and are conducted online— meaning there is no need to send 
the prints of the art work physically. 

The search phrases used by this reviewer to find these sites 
with Google search are: graphics, design, contest, competition, 
“xyz” (replace xyz with preferred application name). 

It needs to be noted that forums in sites are places to look for 
contests. In such forums, users themselves create contests to chal- 
lenge other users, without the intervention of the site authorities. 
The details of such contests are available in the forum. It is com- 
mon to find members of the forum challenging others to improve 
upon some work that they have already done. Some of the sites 
already mentioned in this chapter and the preceding and suc- 
ceeding chapters have forums which hold contests, and hence 
deserve a mention. 

6.3.1 http://www.photoshoptalent.com/ 

This site holds regular contests for its registered users. The win- 
ning three entries get real prizes that can be either items from 
sponsors or points, which can be converted into cash (at present, 
payment is effected through PayPal only). As a registered user, you 
can take part, and upload your work. Other users vote on your 
work and the one with maximum votes wins. Users who win con- 
tests are given a higher ranking in the site, and their votes carry 
more weight than that of the normal user. The voting system, 
therefore, is a bit complicated. But the FAQ offers a thorough 
explanation of how the final votes are tallied. 

The site conducts different types of contests: some contests are 
reserved for those with higher levels (the more the number of con- 
tests you win, the higher your level); some contests are for people 
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with more credits (each contest win is worth a few credits, which 
can also be converted into cash prizes); some contests are open to 
all users, irrespective of their level and some contests are created 
by users themselves. 

The site offers much more than contests, and the top bar offers 
links to all the resources on the site. Besides the regular contests, 
the site also offers tutorials. It has over 250 tutorials self created 
tutorials (the site rewards users who create tutorials), and about 
500 links to tutorials hosted externally. It also has links to 70 video 
tutorials that are hosted at other video hosting sites like 
YouTube.com and metacafe.com. Besides tutorials, there are also 
Guides, which give a blow by blow account of how the contest win- 
ning entry was created (the FAQ. does elaborate that every contest 
entry has to be accompanied by a description of the creation 
process). There is also a gallery containing user submitted images, 
which you can access from the Art link on the top bar. The gallery 
is divided into different sections, like Illustration, and Photo 
Effects, and in all contains nearly 6,000 images. The site also has a 
Forum. The suggestions link can be used by users to suggest themes 
for upcoming contests. The Resources link offers links to other sites 
offering related content— Photoshop tutorials, free downloadable 
stock photos, free downloadable brushes and textures. The Stock 
link offers you Royalty free photos contributed by users of the site. 

6.3.2 http://photoshopcontest.com/ 

This site is similar in structure as photoshoptalent.com, which we 
have just seen. This site also holds regular contests that are open 
to all registered users. A contest is normally open for three days. 
Prizes vary from contest to contest, and can include free access to 
the Premium service of the site for a period of time or some image 
editing software. Besides the contests, the site has a gallery con- 
taining user submitted images. It also offers tutorials which are 
created in-house, though at the time of this review the tutorials 
were not updated and were quite old. Besides normal tutorials, 
there are also video tutorials on the site, which are also quite out- 
dated. The site also has a forum. 
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PhotoshopContest 


Home Contests Prizes Galleries Stats Forum 


Chat Tutorials News Help Store Advantage 



Active Photoshop Contests 




Active Forum Topics 


Participate in a contest, if you’re confident 


Once you register, you can upload files for the contest. The site 
restricts the images to 125 KB and 800 x 600 pixel size. 

6.3.3 http://www.worthlOOO.com/ 

This site holds daily contests on different themes— Photoshop, 
Photography, Text, Multimedia and Jackpot. 

The biggest drawback of the site is that it lacks fun. For 
example, a user is allocated 10 credits on registering, and is pre- 
cisely the amount of credit that has to be given up to take part 
in a contest. There is an option to “let other users sponsor the 
entry”, which reeks of condescension, but doesn’t affect your 
credit balance. 

Besides this major spoiler, the site is a good place to compete 
across different categories and skill levels. The Jackpot contests are 
aptly called so, since the cash prizes involved are truly high, usual- 
ly in hundreds of dollars. Contests are created separately, targeting 
Advanced users and Beginners. Users can also create a Head-to- 
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Head contest with fellow users. The other contest types— 
Photoshop, Photography, Multimedia and Text can be accessed 
from the top bar. Besides the contests, the site also has galleries 
containing user submitted works, though it is difficult to offer an 
estimate of the images contained within. The site also has a forum 
for users to exchange information. The tutorials link offers about 
100 locally hosted tutorials. 


6.3.4 http://www.freakingnews.com/ 

This is a site that holds daily contests involving the manipulation 
of images, based on some theme that is in many cases related to 
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present events. 

The site is mostly tongue-in-cheek, even though the tech- 
nique involved in modifying the images requires skill. You can 
participate in the contest, once you have registered. The winner 



Visitors coming to see our Partial Face Transplants pictures can do it here and visitors 
looking for Mouth Eyes pictures can view them here . 

Site Info: Reeking News is the top News Photoshop Pictures site on the web Actual news stories fuel our Photoshop picture contests with 
scores of wacky doctored pictures. Members get cash for participating and winning the daily contests. Sign-up for free and join over 
17.000 members in Photoshop picture contests or simply view thousands of funny pictures. Updated daily Featured in CNN. Salon, and 
LA Times. FReoister free!] l Member Looinl Want to know more? f Read the FAQ1 1 Get live helol 1 What s new today? 1 
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Contest Directions : Create images of 

something that happened 
in the news during March 
17-23. 

Here's an example of a 
news story that can be 

used: 

China tries to ruthlessly stop the riots in 
Tibet, killing 19 people and injuring 
hundreds. Dalai Lama threatened to resign if 
rioters wonl calm down, and stated that Tibet 
independence is out of the question The 
recent riots make Beijing Olympic games 
questionable. The games were scheduled to 
start on the 8th of August 2008 because the 
date symbolizes the Chinese lucky number 


It’s the freaking news-read it! 


of a contest gets 100 credits which is equivalent to $5. The pay- 
ment is made by PayPal only. Contests can have lesser prize 
money also. 


Besides the contests, the site has a tutorial page, which main- 
ly offers information on modifying images, as seen in the con- 
test. There are about 20 tutorials on the site. A gallery containing 
user submissions for each contest is also available. The site also 
has a forum. 
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6.4 Downloadable Resource Websites 


Major applications like Photoshop and GIMP allow the integration 
of plug-ins or add-ons to enhance their capability. The following 
sites offer such resources or links to such resources. Google Search 
Phrases used: add-on, plug-in, download, graphics, “xyz” (replace 
xyz with application name) 


6.4.1. http://thepluginsite.com/resources/index.htm 

This site is an excellent starting point to find downloadable 
resources on the Net. Nicely categorised, and well laid-out links 
with a brief description make the page quite user friendly. Most of 
the links on this site connect to free content. The links are cate- 
gorised by the application. Plug-ins for applications like 
Photoshop, Illustrator, Paint Shop Pro, and Painter are present. 
Photoshop-compatible plug-ins can also be used in other applica- 
tions like Corel Photopaint and Paint Shop Pro etc. These plug-ins 
are grouped separately. The site also offers its own free plug-ins, 
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This page has a huge list of links connecting to plug-ins. A brief 
description of the site and the plug-ins on offer also accompanies 
the link. Most of the links on this page are for paid software. For 
free options, the link is available lower down the page. The free 
options can also be accessed from this page: 
http://allgraphicdesign.corn/graphicsblog/2007/10/08/1000s-of-free-photo- 
shop-plugins-filters-megalist/ 


HSU FAST TRACK 125 




VI 


TUTORIAL WEBSITES 


DIGITAL IMAGING 


6.4.3. http://registry.gimp.org/list_content 

This page lists all the plug-in options for GIMP available on the 
GIMP.org site. 
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6.5 Conclusion 


As a student, you can find all the necessary resources to master the 
application online for any imaging application. Forums and 
Contests are a great way to exchange ideas with other enthusiasts. 
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S atisfied with your imaging skills? Think you have what it 
takes to impress the masses (or even just your friends)? 
There’s only one thing to do, then— go public! Several sites 
offer you the space to showcase your art, so take the opportunity 
while you can. 
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7.1 Introduction 


This chapter sheds light on Web sites that allow you to display your 
artwork. These websites serve two purposes. First, as a budding 
artist, you get an opportunity to display your work which can be 
viewed and critiqued or commented by viewers. Second, it allows 
you to view the works of others to gain inspiration or learn the 
finer aspects of the art. This chapter is targeted at both audiences. 

There are many websites that allow registered users to show- 
case their artwork on the site for free. Some also charge for the 
privilege. In either case, all Web sites allow casual visitors to view 
the works of artists who have put up their work for display. Some 
websites also act as an online art shop, allowing users to order 
prints of the digital works that they display. 

Since it is normal for any artist to put up his work on more 
than one gallery, especially if the service is free, the same art work 
will crop up in multiple galleries. 

The more populous galleries are mentioned next. 

7.2 The Galleries 


7.2.1. http://digitalart.deviantart.com/ 

Deviantart.com is an online art gallery that has been around for 
close to 8 years. It has a massive collection of art works spread 
across many categories. The site claims to have about 52 million 
deviations (a term used by the site to refer to pieces of art) on dis- 
play among its pages. Obviously, the members of the site are 
called Deviants. 

Digital Art is just one category of artworks on the site where a 
user will obviously find digital images. Digital art is also visible in 
many other categories, as well. For example, under the anthro sec- 
tion, the digital media category has many digitally created human 
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figures (hence the name anthro). The design & interfaces section 
also has many categories which have digitally created art works. 
The manga and anime section has digitally created characters. The 
fan art category also contains a section on digital art. 

Registration on the site is free. You are given a deviantart.com 
sub-domain, like xyz.deviantart.com where xyz is the username. 
You can then upload deviations to create a gallery. After the 
upload, you are given the opportunity to set the print account, 
from where you can buy the hard copy of the digital image. The 
standard print account is freely available with the free member- 
ship. The premium print account allows greater control over print- 
ing and its sale. For example, the standard print account does not 
allow you to set the selling price of the print, while you can do so 
in the Premium account. Once the deviation is uploaded, it is 
available for everyone to view and buy. 

The site also offers a deviantArt+ membership which rids off 
all the ads on the Web pages, and also allows more images to be 
displayed per page. You can also browse through the older archives 
of the site, which they claim has 52 million images including the 
archived images which you cannot view with the free account. 

Besides the gallery, registered users also get a journal or blog 
with which can jot down thoughts. 

The site has an active and strong forum for deviants to interact 
with each other. The discussions are categorised into many sub- 
forums. The site also has a Resources section that contains a lot of 
free content for the use of digital imaging enthusiasts. There are 
tutorials on different digital imaging applications, downloadable 
content to enhance digital imaging applications and other down- 
loadable content like textures, Fonts, 3D models, fractals, vectors 
and stock photos. The tutorial section on digital art is categorised 
into different digital imaging procedures like Airbrushing, Photo 
manipulation, Vector Art, 3D Art, and Fractal Art. Tutorials on 
each activity are further divided according to the application. 
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DeviantArt is easily one of the most popular sites to showcase your stuff 

Tutorials on all the major applications like Photoshop, Paint Shop 
Pro, Painter and GIMP are available. 


The Resources section on this site also offers downloadable 
content like Brushes, Actions, Add-ons, and Plug-ins for various 
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applications like Illustrator, GIMP and Photoshop. The other 
resources available for download are 3D models that can be 
imported into 3D applications like 3DS Max. 

The lack of a description makes the process of choosing any of 
the above mentioned resource a difficult one. Fortunately, the tex- 
tures and fonts are self descriptive, and so you should face no 
problems in choosing either of these resources. 

What takes the sheen off this otherwise excellent site is the dif- 
ficult navigation menu which acts as a bottleneck. Getting from 
one section of the mammoth site to another requires a lot of 
scrolling and clicking, which could have been avoided by employ- 
ing less flashy, but more functional, text links. 

7.2.2. cgsociety.org 

The tone of this Web site is that of a professional, no-nonsense one. 
The content and coverage of events seem to indicate that the site 
is targeting the highest echelons of CG artists— those who apply 



Meet like-minded CG-fans at cgsociety 
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their skills to create visual effects in movies and computer games. 
The site, in that sense, offers digital art enthusiasts a glimpse of 
the best that the field has to offer. 

This is a huge Web site, that has it all— tutorials, forum, gal- 
leries, job listing, news section, etc. Let us start with the Portfolio 
section, which has around 110,000 images and can be accessed 
from the Portfolio link on the top menu bar. The images on display 
here are excellent examples of the true potential of digital imag- 
ing, which is expected for reasons mentioned later. Each artist 
maintains a portfolio and accessing any image from the artist 
takes one to his portfolio, which besides displaying the images, 
also shows a brief bio-data. 

To browse through the images in the Portfolio section of the 
site, use the Browse link. There is also a search facility that can be 
employed to find images containing certain keywords. Since each 
image is accompanied by the names of the applications used to 
create it, searching for the application name produces a list of 
images created with it. 

To add to the confusion, besides the portfolio section, there is 
also a gallery section which is sub-set of the images on the portfo- 
lio the place where the artwork of the free members are on dis- 
play. There are about 20,000 images in the gallery. The images that 
are in the gallery are reviewed by the in-house editors, and are of 
greater quality. The images in the gallery are categorised into 2D 
or 3D, and the layout is similar to that seen in forums, except that 
every topic has a thumbnail of the image in that post. The gallery 
entries are further put to vote, and the best of them are selected 
for the CG Choice Awards and are available in the CG Choice 
Awards Gallery. The links to the various galleries are available in 
the top menu bar. 

There are two types of memberships offered by the site. The 
free membership, also known as the CG Talk membership, allows 
the user to interact in the forum and have a portfolio of up to five 
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images, besides some other minor limitations. The paid member- 
ship offers you unlimited access to the site and its features, is free 
from ads and grants preferential treatment on some services. 

The site, as already mentioned, has a professional touch to it 
and resembles any job hunting site. Here, you are asked to fill in 
your profile while loading images to the portfolio, with a 
reminder that “CGPortfolio is a key resource for potential employ- 
ers and clients so make sure your information is correct, up to 
date and professionally presented”. In fact, the employment angle 
perhaps contributes to the self censoring among users, making 
them put up only their best work in the portfolio. The site sets 
some limits to the images that can be uploaded, with the mini- 
mum size being 600x600, and the maximum being 1600x1600 pix- 
els, and a file size of up to 500Kb. 

You can also access and update the details of your profile on 
the portfolio page. Here, you can also create a blog, which is 
available for all members. You can use other employment-friend- 
ly measures like creating job searches to automatically shortlist 
job offers. 

Besides the portfolio, there is a forum for enthusiasts to inter- 
act with each other. There are contests held in the forum, many of 
which are created by other users themselves, which are put under 
the “Mini Challenges” sub-forum. The site also holds contests 
which are discussed in the “CG Challenges” sub-forum. The work- 
in-progress and critique sub-forum is a place where you can upload 
your incomplete works and seek the opinion of other users. The 
general techniques and application specific sub-forum offers tips 
and tricks on different aspects of digital art, similar to a tutorial. 

The site also offers a Job search function for its users. Users can 
reply to job offers right from within the site. There is a job search 
button just below the top menu bar to the right. 

The details of the CG Challenge contests are available from the 
Events link on the top menu bar. The site claims that these chal- 
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lenges are the “largest online art contests of their kind”. If you 
consider the number of sponsors, their claim surely has substance. 
The instructions and terms and conditions as well as prizes for the 
contest are available on the same page. 

7.2.3. http://www.gfxartist.com/ 
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Gfxartist offers the same features as cgsociety 


Following in the footsteps on cgsociety.org, gfxartist.com is anoth- 
er site that offers the same basket of services— gallery, forum, tuto- 
rials, job listings, etc. The high point of the site is, without doubt, 
the collection of 55,000+ works of art in the gallery. 

The Web site is filled with articles and interviews on the com- 
puter graphics arena. The links to the gallery are not immediately 
visible, but are present under the community tab in the top menu 
bar. The member gallery links takes you to the gallery containing 
images that have been uploaded by other users. The elite galleries 
showcase the work of the elite members of the site. Elite members 
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Latest elite galleries additions 



Latest member galleries addition 


are those users who are highly rated. The GSpot gallery contain 
artworks that have received the highest points/votes. 

The galleries are arranged under different categories like 3D 
modelling, Drawing, Painting, Photo Manipulation, Photography 
and Design. You can visit the images of each category, by clicking 
on the Enter the gallery link. To browse all images on the site, with- 
out classification, use the browse all new artwork link at towards 
the bottom of the page, after the new artwork gallery. Registered 
users can vote for an image which improves its position among the 
ranks of images, and granting its creator the Elite status. 

You can register on the site for free, and it offers the freedom 
to create a gallery. The site does not allow free members to upload 
actual images to the site, but only allows linking to the image, 
which has been hosted elsewhere. You can upload thumbnail 
images. The GFXArtist Plus account does not have this limitation. 

Besides the Gallery, the site also has a forum where artists can 
interact, which can also be accessed under the Community Tab. 
There are sub-forums that offer job listing, Competitions between 
users, tips and tricks, etc. 

The features tab has some other resources of the site. There are 
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links titled Tutorials, Interviews, Articles, etc, which guides you to 
the respective resources. The content in these links are antiquat- 
ed, and probably only the content in the tutorials withstand the 
test of time. Some links in the tutorials section connect to exter- 
nal sites. 

7.2.4. http://digitalart.org/ 

This site is notable only for its 20,000+ strong art work gallery. The 
start page allows easy access to the images, which are broadly clas- 
sified into categories like Abstract/Sureal, Cartoon/Illustrations, 
Photo Manipulations, etc. Clicking on any of the categories will 
show the images classified under it. The layout is quite simple, 
without any distractions or needless menus. The site offers a 
search feature which can be used to find a particular art work. 
Images in each category also can be filtered on different parame- 
ters to narrow the number of displayed images. 

Registration is free, though a paid registration offers some 
additional benefits like the ability to turn off ads. Registered users 
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can upload their artwork to the site. A size limit of 225 KB and 
maximum dimension of 1300x1600 pixels is applicable. 
Submissions are reviewed before they are put up on the site. 

The site offers links to other resources as well, which can be 
accessed from the features link on the top bar menu. There are 
links to Interviews, Articles, Jobs and Projects etc., but the content 
on most of these links in out-dated. Only the job offers mentioned 
in the Jobs and Projects link are current. 

7.2.5. http://www.3dlinks.com/ 
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This aptly titled site is a treasure trove of well organised links con- 
necting to other sites. The only resource that is locally hosted is 
the gallery, which has about 20,000 images in it. The images are 
accessible from the gallery link on the left side bar. The images are 
categorised in different ways, based on the Artist name, applica- 
tion used, theme, etc. Under each of these main categories, the 
images are further classified. Clicking on any of the links brings 


EM] FAST TRACK 


137 



VII I SHOWCASE WEBSITES 


DIGITAL IMAGING 


up a page with 20 images. Navigating through the galleries is easy, 
thanks to the efficient site layout. Visitors can rate an artwork and 
offer comments. 

The site also allows you, as a registered user to upload your art- 
work for display on the site. To register, visit the contact us link on 
the left sidebar. A 500 KB file size limit is applicable. 

The gallery forms just one section of the Web site. The sidebar 
allows easy access to the other sections like the Forum, Tutorials, 
News, Downloadable resources, etc. The discussion forum link 
takes the user to the forums. The menu options list the sub-forums 
available. The Tutorial link presents a sub-menu of applications 
which have a tutorial. There is an abundance of links to tutorials 
on most of the applications listed. In general, all options in the 
menu lead to pages that are well stocked with links to other sites. 

One small nag on the site is the nesting menu that is the only 
way to navigate through the site. It can be difficult to use if there 
are too many levels of menus nested. 

7.2.6. http://cgchannel.com/gallery/ 

This site is similar in feel and features as cgsociety.org. The gallery 
boasts of over 13,000 art works. The images are classified into dif- 
ferent categories based on their content— like Architecture, 
Animals, Cartoons, Sci-fi, Sculpture, etc. Strangely, even though 
every image on the site was created digitally, a “Graphics/Digital 
Art” category is also listed. 

The images can be browsed by category, or by Artist name, or 
by the any other order like the Date of Publishing. All the links 
are clearly laid out in the start page itself, making the viewing 
a pleasure. 

Viewers are constantly reminded about the facility to add their 
own artwork to the site by flashing “Submit Image” gallery, which 
is a tad irritating. Registration is necessary before an image can be 
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Meet CG’s elite... 


submitted. And the size sets a size limit of 150 KB for the uploaded 
image. If the flashing “Submit Image” revealed unprofessional, 
the two failed attempts at uploading files confirmed it. But, prob- 
ably it was a temporary phenomenon. 

Besides the gallery, the site also has a forum. Here, there are 
sub-forums where you can post your artwork and seek views of 
other users. A sub-forum to ask for help on different applications 
is also present. A Jobs link on the top menu bar brings the job serv- 
ices page on the Web site. Here, a registered user can create a 
resume and apply for jobs. 

7.2.7 http://artworks.avalonweb.net/gallery/ 
galleryjnain .php 

This plain looking Web site allows just about anyone to place a link 
to their artwork hosted elsewhere. The artwork is reviewed before it 
is made available on the site which explains the absence of unrelat- 
ed images on the site. There are no categories, or other indications 
on the depth of the site or the number of links on the site to be found 
anywhere. Even the date of the creation of a link is not mentioned. 
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Each page has 20 links to images, where you can only progress 
one page at a time in either direction. Add to that the black page 
colour and absence of the usual flashiness common in such sites, 
browsing this site is an almost eerie experience. 



This is one of those deceptively plain sites... 


So, navigation and ambience are not the strong points of the 
site (even though there is a search box that allows searching the 
site on Artist name). But, this understated Web site offers about 
15,000 links to user submitted art works. The best way to random- 
ly view a page is to directly modify the URL. For example the URL 
for page no 2 is [http://artworks.avalonweb.net/gallery/ 
gallery_main.php?pagenum=2&]. Making suitable changes in the 
URL it is possible to visit page 100, 700, etc. It needs to be men- 
tioned that most of the links that appear in the later pages are 
dead. So an accurate figure of the number of active links on the 
site is anyone’s guess. 
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7.2.8 http://www.galleryof3d.com/ 

This site offers about 6,500 pieces of 3D art. It is a simple site with 
an efficient navigation system that is designed to allow unre- 
stricted art appreciation. This is a pure gallery site without any 
forum, or tutorials or other extraneous features. It is administered 
by a single individual who also filters all submissions, which 
becomes quite evident when you receive the activation email after 
registering on the site. 



More 3D art to be found here 

The images on the site can be accessed with the Galleries but- 
ton on the top menu bar. This will produce a list of artists who 
have uploaded their images on to the site. The left sidebar menu 
offers other options of viewing images— like Top 100 images, 
Chronological Order, Software used, etc. The images can be rated 
and commented by any viewer, without having to register. Each 
image is accompanied by relevant information about it, like the 
application used, the dimensions, the file size, etc. 

The site allows registered users to upload their artwork to be 
displayed. A size limit of 4 MB is applicable. The image is not 
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immediately available for viewing and has to pass through the site 
admin before it goes online. 

The site also has a Links section where links to different 
resources, including other galleries are available. 

7.3 Conclusion 


The emphasis in this chapter was those sites that did not charge a 
user fee to display their artwork. There are other galleries that 
have a strong art work base, but were not included because they 
charge users to display their art. Also, we have limited ourselves to 
describing those websites that have the largest collection of art- 
work. There are many good websites that have not made the cut 
for this reason, as well. 

What this chapter has shown is that there is no dearth of gal- 
leries which freely allow a digital art enthusiast to display his/her 
work and gain recognition. 
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